Skip to main content


MCDatepicker It's a beautiful calendar component written in Vanilla JavaScript.

It has a fully responsive design with mobile first approach. The package is written as ECMAScript modules and delivered via npm. You can easily integrate the package in your project, even if you are using a library.

Before starting using this package, make sure that you have added a SASS loader to your module bundler.

If you have a non-module environment, the package also includes pre-built js/css files so you can use it directly on browser.


  • 2 Modes: (modal, inline)
  • Custom weekday and month names
  • Disable weekdays and specific dates
  • Mark specific dates
  • Fully responsive/ Mobile friendly