FlexibleDatePicker MVP playground
Angular date picker library — explore every picker with live configuration panels.
Default bounds when min/max enabled: days Jan 1, 2024 – Dec 31, 2026 · months Jan 2024 – Dec 2026 · years 2010 – 2035
Date Picker (Reactive Forms)
Value: May 13, 2026
Date Picker (ngModel)
Value: May 18, 2026
Date Range Picker
May 12, 2026 – May 21, 2026
Time Picker
Value: 14:30
Time Range Picker
09:00 – 17:30
Month Picker
Value: May 2026
Month Range Picker
May 2026 – Aug 2026
Year Picker
Value: 2026
Year Range Picker
2024 – 2028
Color scheme & custom colors
Every picker supports colorScheme (light, dark, auto) and partial customColors overrides via FlexThemeTokens. Use the site nav toggle for global theme; settings below apply only to these demos.
Date picker
Value: May 15, 2026
Date range picker
May 10, 2026 – May 20, 2026