Just include this simple script and OS X Safari will support
<input type="date">, without any dependencies, not even jQuery!
Support dynamically created inputs, so can be used in single page applications.
Forked from date-input-polyfill. Continuing as a separate project.
- A refreshed rollup based build system.
- No more webpack
- No more sass (postcss unsing standards based CSS)
- Maybe some bug fixes.
- Automated maintenance and a website: https://little-core-labs.github.io/date-input-polyfill
- input[type="date"].value returns the formatted date, rather than the standard
YYYY-MM-DDformat. This is unfortunate and may be addressed at some point.
- Automatic attachment isn't that reliable inside of react. This may be improved.
- Date objects are displayed in the local time zone, which causes date drift by a day sometimes. Looking into this issue now.
npm install --save @12core/date-input-polyfill
Add to your project:
or alongside Babel:
Script Tag: Copy
node_modulesand include it anywhere in your HTML.
This package also supports ESM:
Easily Stylable: These are the default styles, which you may override with your own.
valueAsNumber: Learn more about these properties. They behave as getters and setters.
Escwill hide the datepicker.
Up/Downwill increment/decrement the date by one day.
Localization: Specify the datepicker's locale by setting the
langattribute of the
inputelement. The default locale is
<input type="date" lang="en" />
Formatting: Specify the display format by setting either the
data-date-formatattribute of the
inputelement. The default format is
yyyy-mm-dd. Available options list.
<input type="date" date-format="mm/dd/yyyy" />
<input type="date" data-date-format="mm/dd/yyyy" />
npm run build