classic.css | Generate a Classic Mac interface in your browser | Frontend Framework library

Created a simple repo with webpack and galleria for you.
Steps are:

1. Use shimming as documented here:

Unfortunately the amsul datepicker doesn't offer a built-in function to do this. You can fake it using some custom css however. Essentially overwrite the styles for picker__nav--prev & picker__nav--next and make them invisible.

To hide the days of the previous month/the next month in the current month's view you have to overwrite the style for picker__day--outfocus.

I belive this is the answer: https://github.com/amsul/pickadate.js/issues/805

ilnee commented on 2 Oct 2016

I ran into this issue as well. As a workaround, I remove the picker__day--highlighted class from every div with that class that doesn't have today's timestamp as data-pick value:

Change your initial settings to include min and max dates.

Ironically, this is very similar to the first question I asked on SO.

You're working from localhost at the moment, so CSS files are loaded from the file:// protocol. When you move your code to a hosted website, the links will automatically resolve for you with the root-relative prefix (/).

In order to get them working on localhost, you have a number of options:

• Make use of subdomains. The root is considered to be the root of the subdomain. That is to say, site.localhost will resolve the links /lib/css/classic.css (though localhost/site will not). In this case you'll need to configure your server to use Virtual Name Hosting.
• Make use of a relative , using ../ to traverse up. This could look like:
  
• Simply use a large number of traversals, to make sure you hit the document root, and work from there:
  
• Set a URL and use relative links from that:
  
  

I'd recommend using the fourth option myself, though it may take a little tweaking.