Date Picker

Free + Pro

Enhanced date picker component with smooth animations, calendar views, range selection, time support, and smart validation. Perfect for forms and scheduling interfaces.

Unlock Advanced Date Picker Features

Get access to powerful pro features that enhance your date picker component with advanced capabilities, premium styling options, and optimized performance.

Time zone support for global applications
Recurring date patterns and rules
Multi-calendar views (month, week, year)

Pro Features

Unlock advanced capabilities with the Pro version

Time & Timezone

Full time selection with automatic timezone detection and conversion

Recurring Dates

Create complex recurring patterns with rules and exceptions

Multi-Calendar

Support for different calendar systems and locales

Smart Suggestions

AI-powered date suggestions based on context and patterns

Quick Presets

Customizable date presets for common selections

Date Analytics

Insights and analytics for selected date patterns

Installation

Install via CLI

moonui add date-picker

Usage

Pro Required

Examples

Basic Date Picker

Simple date selection with calendar view

Date Range Picker

Select a date range with start and end dates

Form Integration

Date pickers integrated within a form

Event Details

Start Date

End Date

With Date Constraints

Limit selectable dates with min/max boundaries

Date selection limited between today and next month

Disabled Dates

Disable specific dates or patterns (weekends disabled)

Weekends are disabled

Multiple Selection

Select multiple dates at once

Click dates to select/deselect multiple dates