Cuppa Datepicker is a great JavaScript data picker for the web and mobile. Developed by Cuppa Labs.

jquery datepicker, date range picker, html date picker, mobiscroll datepicker, simple javascript date picker

Custom Material IO Date Picker with pure HTML, CSS | datepicker.js

How to make use of it:

1. Load the necessary moment.js library to the webpage.

<script src="moment.min.js"></script>

2. Load the main JavaScript file “cuppa-calendar.js” on the web page.

<script src="js/cuppa-calendar.js"></script>

3. Create a container for the date picker.

<div id="demo"></div>

4. Create a new instance of Cuppa DatePicker.

var cal  = new WinkelCalendar({
    container: 'demo'
});

5. Customization options with default values.

var cal  = new WinkelCalendar({
    defaultDate : new Date(),
    bigBanner: true,
    format : "DD/MM/YYYY",
    onSelect : null
});

6. API methods.

// Sets a new date
cal.setDate('10-03-2022')
// Sets the date to todays's date
cal.today()
// Opens the datepicker
cal.today()
// Closes the datepicker
cal.close()

Mobile-friendly Date Picker, Cuppa DatePicker Plugin/Github

See Demo And Download

Official Website(CuppaLabs): Click Here

This superior jQuery/javascript plugin is developed by CuppaLabs. For extra Advanced usage, please go to the official website.