0.6.5 • Published 4 years ago

mc-datepicker v0.6.5

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

MCDatepicker

Framework-agnostic, highly-customizable Vanilla JavaScript datepicker with zero dependencies.

Features

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

Installation

Via NPM

npm install mc-datepicker --save

Using CDN

Include CDN links in the <head>...

<link href="https://cdn.jsdelivr.net/npm/mc-datepicker/dist/mc-calendar.min.css" rel="stylesheet" />

<script src="https://cdn.jsdelivr.net/npm/mc-datepicker/dist/mc-calendar.min.js"></script>

Usage

<input id="datepicker" type="text">

If you’re using a bundler, e.g. webpack, you’ll need to import MCDatepicker

import MCDatepicker from 'mc-datepicker';
  1. Create a new instance, and attach it to an input field
const picker = MCDatepicker.create({
	el: '#datepicker'
});
  1. Customize the datepicker by adding more options
const picker = MCDatepicker.create({
	el: '#datepicker',
	disableWeekends: true
});
  1. Use methods to manipulate the datepicker
btn.onclick = () => picker.open();

Documentation

Online Docs

License

MIT

0.6.5

4 years ago

0.6.4

4 years ago

0.6.3

4 years ago

0.6.2

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.5.1

4 years ago

0.5.0

4 years ago

0.4.1

4 years ago

0.4.0

4 years ago

0.3.0

4 years ago

0.3.1

4 years ago

0.2.2

4 years ago

0.2.1

4 years ago

0.2.0

4 years ago

0.1.1

4 years ago

0.1.0

4 years ago