<native-datepicker> element

Custom Element for a lightweight, library-free datepicker that enhances native date inputs with modern styling and extended functionality. Easy to integrate and customize, this solution provides a seamless user experience without additional dependencies.

Installation

$ npm install --save @sonicgarden/native-datepicker-element

Usage

Example

import '@sonicgarden/native-datepicker-element'

<form>
  <native-datepicker name="date" value="2024-08-10" min="2024-08-01" max="2024-08-31">
    <span class="calendar-icon"></span>
  </native-datepicker>
</form>

Browser support

If support for Safari versions below 16.4 is needed, please install the element-internals-polyfill.

License

Distributed under the MIT license. See LICENSE for details.