For the full documentation, visit the GitHub repository.

DateSelector

A lightweight JavaScript/TypeScript library for managing date selection with dynamic year, month, and day dropdowns. It automatically updates available options based on user selections to ensure valid dates are displayed.

Features

- Dynamically populate year, month, and day dropdowns.
- Automatically adjusts days based on the selected month and year.
- Easy to integrate with customizable dropdown IDs and ranges.
- Simple to use and configure with pre-selection capabilities.

Installation

$3

``bash
npm i simple-date-selector
`

$3

`html

`

Usage

$3

Add the following dropdowns in your HTML.
`html



`

$3

`javascript
// Assign custom IDs to the year, month, and day dropdowns.
// Use element(), only when you have custome IDs for the dropdowns.
dateSelector.element('yearId', 'monthId', 'dayId');

// Add a custom range yaers dropdowns
dateSelector.addYears('2000', 'now');

// Set pre-select values
dateSelector.initialize('2020', '7', '7');
``
___

Full Documentation

For the full documentation, visit the GitHub repository.