Production Ready v1.1.0

Scalable Date Picker for
Modern Javascript Applications

The zero-dependency solution engineered for reliability. Built to perform at scale for complex data dashboards and critical business applications.

Start Integration View on npm

Interactive Playground

Toggle options to explore the API

Select date

MODE

Confirm / Cancel buttons

Future dates only

ACCENT COLOR

Output: Awaiting interaction...

Why Leading Teams Choose Esseal

Engineered for performance, maintainability, and senior-level architectural standards.

High Performance Architecture

EssealDatePicker guarantees zero bloat. Clocking in at ~8KB minified, it ensures your enterprise dashboards load instantly without layout shifts, jank, or main-thread blocking.

Strictly Dependency Free

EssealDatePicker does not rely on Moment.js or jQuery. It is built using pure vanilla JavaScript, allowing it to integrate seamlessly and securely into any legacy or modern codebase.

Framework Agnostic Integration

Architected to respect the DOM. EssealDatePicker works flawlessly alongside React, Vue, Angular, or standard server-rendered HTML applications without virtual DOM conflicts.

Built-in Locale Detection

Automatically resolves the user's locale via the native Intl API. Date formatting adapts to regional conventions out of the box, with a locale option for explicit override.

Accessibility First (ARIA)

Full ARIA role and attribute support baked in from the ground up. Keyboard navigation, screen reader announcements, and focus management meet enterprise accessibility standards without any additional configuration.

Full Configuration API

Single and range modes, optional confirm/cancel action buttons, minDate/maxDate constraints, custom primaryColor, and lifecycle methods open(), close(), destroy().

Frequently Asked Questions

Does EssealDatePicker require Moment.js or jQuery?

No. EssealDatePicker is a strictly zero-dependency library. It does not require Moment.js, jQuery, or any other external date manipulation libraries, ensuring maximum performance and security for your application.

Is EssealDatePicker compatible with React and Vue?

Yes. As a framework-agnostic vanilla JavaScript library, EssealDatePicker integrates seamlessly into React, Vue, Angular, and standard server-rendered HTML applications without conflicting with virtual DOMs.

How large is the EssealDatePicker package?

EssealDatePicker v1.1.0 weighs approximately 8KB minified. The additional size compared to v1.0 comes from the new ARIA accessibility layer, locale detection via the Intl API, and the expanded configuration API — all zero external dependencies, all shipped in a single file.

Developer First API

Integration is trivial. Initialize on any input element with a clean configuration object. Designed for readability and ease of maintenance.

              npm install esseal-date-picker
            

              yarn add esseal-date-picker
            

              https://cdn.jsdelivr.net/npm/esseal-date-picker@1.1.0
            

              import EssealDatePicker
              from
              'esseal-date-picker';
            
              // v1.1.0 — full configuration API
            
              const picker = new
              EssealDatePicker('#date-input', {
            
                mode: 'range',
            
                showActions: true,
            
                locale: 'en-GB',
            
                primaryColor: '#FA6220',
            
                minDate: new Date(),
            
                onChange: (result) => {
            
                  console.log('Payload:', result);
            
  }
});

              // Lifecycle methods
            
picker.open();  // open programmatically
picker.destroy(); // clean up

Scalable Date Picker for Modern Javascript Applications