Release v.3.0.1

Fix popups #337

Release v3.0.0 🎉

Important note

Documentation for v2.9.10 is here.

This release brings a host of improvements, making Vanilla Calendar Pro more powerful, flexible, accessible, and yet lightweight for easy integration.

Key New Features and Enhancements:

• Full Tailwind Support: Completely removed the dependency on internal CSS classes, allowing you to specify custom classes. The styles parameter now supports multiple classes, making it easier to integrate the calendar with Tailwind or other CSS libraries.

• Customizable Weekends: Set custom weekends for each week. Use an array to define weekends (e.g., selectedWeekends: [5, 6]) to tailor the calendar to your needs.

• Configurable Start of the Week: Added the option to select the first day of the week (firstWeekday), making it easier to localize and adjust the calendar to regional preferences.

• Support for Custom Themes: Now you can create and apply custom themes, enabling quick adaptation of the calendar’s appearance for specific projects. A new custom theme, slate-light, has also been added.

• Improved Month Navigation and Date Selection: Prevent automatic month switching when selecting dates from other months. It also prevents the calendar from re-rendering when you click on a date within the displayed months.

• Accessibility and Keyboard Navigation: Accessibility has been significantly improved, with added ARIA labels, tabindex, and full keyboard navigation using arrow keys for users with disabilities.

• Time and Date Range Selection: The Time Picker now includes options to set maximum and minimum time limits.

• Refactored Settings API: The settings API has been fully revamped for enhanced clarity and simplicity. A new set({ ...options }, { ...resetOptions }) method is available for updating settings without overwriting the calendar’s settings object.

• Other Improvements and Fixes:

  • Optimized styles for the calendar grid.
  • Made weekday names clickable and added event handlers for this and week numbers.
  • Added support for tooltips on date ranges with onCreateDateRangeTooltip()

Release v2.9.10

PR

fix: make sure picker position is never outside body viewport #295
docs: add TypeScript usage with Types imports demo #300

Credits

Huge thanks to @ghiscoding for helping!

Release v2.9.9

PR

fix: auto-position Pop-ups, fixes #235 #284
fix: make sure to create picker before calling update(), fixes #274 #285
[FIX] settings.range.min and settings.range.max do not inherit manually set date.min and date.max #292

Credits

Huge thanks to @ghiscoding for helping!

Release v2.9.8

PR

feat: add new edgesOnly to return only start/end dates in selection range #275
fix: ViteJS has problems finding CSS file from package exports #276
fix: cross platform compatibility, make sure replaceWith() exists before using it #277
feat: add auto option to positionToInput for auto-positioning #278
Add focus event listener and handle esc key #281
Add version number to the builds #282
Fix bug with disableGaps 0d9e1db

Credits

Huge thanks to @ghiscoding for helping!

Release v2.9.7

PR

feat: add jumpToSelectedDate option #251
feat: add sanitizer option to be CSP safe #252
feat: add 'today' as a shortcut to range min/max date #253
feat: allow providing Date to min/max and selected dates #254
feat: add new toggleSelected option #255
fix: use .appendChild for cross platform compatibility #257
Fix "Button outline obscured by adjacent button. #263" bug #271

Credits

Huge thanks to @ghiscoding for helping!

Release v2.9.6

#230 Feature/224_add_better_package_types_exports
#237 Feature/225_hide_calendar_with_confirmation

Release v2.9.5

#219 Revert "Bugfix/201_calendar_position"
#220 Bugfix/change_theme

Release v2.9.4

#208 Add getMonths and getYears methods to config
#212 Bufix/205_incorrect_calendar_positioning
#213 Bugfix/206_disable_all_days
#215 Bugfix/178_event_listener_for_safari_12
#217 Bugfix/190_hide_arrows
#218 Bugfix/201_calendar_position

Release v2.9.3

#191 Fix calendar div extending to bottom of the page in Firefox v52.
#198 Fix Safari 12: height: 100%; accepts the entire height of the parent.
#199 Fix Date selection doesn't work with input: true.
#202 Fix Firefox 52 gets wrong data from getLocaleMonth() / getLocaleWeekday()
#203 Fix styles for old browser
#204 Fix responsive CSS for several months