universal-datetime-picker

npm install universal-datetime-picker

Vanilla JS date time picker

The vanilla entry exposes createDateTimePicker and createDateTimeRangePicker for imperative mounting in any bundler or Vite app. The site home page uses this API for every live example: inline calendars, popover inputs, locales, and dark theme, without loading React.

createDateTimePicker imperative mount API.

Try the live demo
npm install universal-datetime-picker

Live demo

Inline date · Date object

null

Popover datetime

null

Date range

null → null

ESM mount

import { createDateTimePicker } from "universal-datetime-picker/vanilla";
import "universal-datetime-picker/style.css";

const root = document.getElementById("picker");
createDateTimePicker(root, {
  inline: true,
  mode: "date",
  asString: false,
  onChange: (value) => console.log(value),
});

Notes

  • The home page at / uses this same vanilla API for all live examples.
  • Handles returned from createDateTimePicker support update() and destroy().

Documentation

Guides for this stack and the shared API.