` or just let it float under an `` - Darkmode Installation: ------------- ### Download: https://github.com/thedatepicker/thedatepicker/releases/latest Link `dist/the-datepicker.min.js` and `dist/the-datepicker.css` in your HTML. ### NPM: `npm i thedatepicker` ### CDN: https://cdn.jsdelivr.net/npm/thedatepicker@latest/dist/the-datepicker.min.js https://cdn.jsdelivr.net/npm/thedatepicker@latest/dist/the-datepicker.css Usage: ------ ```html ``` Customize: ---------- `TheDatepicker.Datepicker` constructor accepts two arguments. First is an instance of an **input element**, second is an instance of a **container element**. Both are optional, but at least one must be present. For example ... ```html

``` ... will render the datepicker into the given `

`. ### Options: To see bunch of possible settings, visit https://thedatepicker.github.io/thedatepicker/ For example: ```javascript datepicker.options.setMinDate('today'); datepicker.options.setInputFormat('d M Y'); // "03 Mar 2022" datepicker.options.setHideOnBlur(false); datepicker.options.setAllowEmpty(false); datepicker.options.onSelect(function (event, day) { alert('Selected ' + (day ? day.getFormatted() : 'NONE')); }); datepicker.options.addDateAvailabilityResolver(function (date) { return date.getDay() !== TheDatepicker.DayOfWeek.Saturday && date.getDay() !== TheDatepicker.DayOfWeek.Sunday }); datepicker.options.setGoBackHtml('

'); // and much more... ``` - Some options take effect only if changed before the first datepicker open. - Learn more about options in [source code](https://github.com/thedatepicker/thedatepicker/blob/master/src/Options.ts) (setters are commented, search for `public set*`, `public add*`, `public on*`). - Do not forget to call `datepicker.render()` to start using datepicker. - Changing options after render takes effect immediately only if you call `datepicker.render()` again.