UI Elements Changelog
Subscribe to this page via RSS
1.49.4Date Time Picker bugfix
1.49.3Additional language support for Date Time Picker
1.49.2New locale bugfix
1.49.0Smaller file size
1.48.2Availability Rules bugfix
tzidthat was not included in the timezone dropdown list was causing an error.
1.48.1Availability Viewer bugfix
1.48.0Date Time Picker: add new `slot_button_mode` config option
1.47.0Date Time Picker: `sequence_title` attribute for Sequenced Availability queries
sequence_titlefor each individual sequence in a Sequenced Availability query.
1.46.1Availability Rules bugfix
1.46.0Pagination of API calls for Date Time Picker
1.45.0Add Timezone picker to the Availability Rule Element
1.44.0Date Time Picker: `no_slots_found` callback notification
no_slots_foundnotification when no available slots are returned from the availability query.
1.43.0Sequenced Availability support for Date Time Picker
1.42.1Date Time Picker bugfixes
selected_datedisplays available slots correctly and the no slots view displays correctly when no available slots are returned from the query at all.
1.42.0Date Time Picker: add a loading state per calendar page
1.41.0Date Time Picker: add new `selected_date` config option
selected_dateto be set. More info can be found in the documentation
1.40.2Optimised performance for the Date Time Picker
1.40.1Refactor timezone state management on Date Time Picker
1.40.0External page change on Availability Viewer
1.39.2Date Time Picker bugfixes
1.39.1Retains slot selection for Date Time Picker
no_confirm, it will also send out a notification indicating a new slot has been selected with the new timezone.
1.39.0Add keyboard support to Availability Rules
max_resultsin the Date Time Picker when making a query with a
1.38.1Refactor contexts within Availability Rules
1.38.0Date Time Picker: reporting tzid with `slot_selected` notification
tzidthat is selected in the timezone dropdown will be returned as part of the
1.37.2Bugfix for Timezone offset
1.37.1Bugfix for Date Time Picker
1.37.0New notification when Availability Viewer page changes
displayed_dates_changed, when the Availability Viewer page changes. This notification carries the first and last date shown.
1.36.0Options to prevent api calls on CalendarSync
revoke_mode. More info can be found in the documentation.
1.35.4Bugfix for Date Time Picker callback log
1.35.3Refactor state management on Availability Viewer
1.35.2Bugfix for Date Time Picker no_confirm mode
no_confirmmode would still ask users to confirm their chosen slot
1.35.1Bugfix for Slot Picker time rendering
1.34.8Bugfixes for Availability Viewer
no_confirmmode and preventing the element from making an invalid API call with an empty
1.34.7Remove Calendar Sync edit options for relevant account types
1.34.6Bugfix for Date Time Picker
tzidis included in the timezone dropdown options and set to the initial selected option.
1.34.5Bugfix for Date Time Picker
1.34.4Availability Viewer month label translations
locale. Includes a minor improvement to the Date Time Picker timezone dropdown to close it when clicking off the dropdown.
1.34.3Availability Viewer overlapping slots
1.34.2Availability Viewer overlapping slots [Unpublished]
1.34.0Alpha release of the new Date Time Picker Element
1.33.0Translation support for Canadian French
fr-CA) locale. More details in the ‘Translations and Localization’ documentation.
1.32.0Bookable Events support for Slot Picker
1.31.0Allow use of CalendarSync within an iframe
1.30.0Allow expansion in all Availability Viewer modes
config.allow_expansionoption to the Availability Viewer that can enable time-expansion arrows to be shown in all modes (previously only available in
free_selectmode). More info in the docs.
1.29.2Stricter AV end_time validation
00:00would break if the Availability Viewer was loaded with a timezone that crossed a UTC date boundary.
1.29.1Agenda View style fixes
1.29.0Auto create new Availability Rules
1.28.0Exposed context for all Elements
tzidthat is being used by that element.
1.27.1Custom periods for default Availability Rule
1.26.1Availability Rule calendar filtering
1.26.0Availability Rule Not Found Notification
availability_rule_idis not found. You can find more information in the docs.
1.25.2Availability Viewer stability and performance
end_timeconfig options for Availability Viewer, and more efficient re-rendering on hover interactions.
1.25.0Extends date-range supported by Availability Viewer queries
query_periods, allowing the Availability Viewer to show availability for multiple months.
1.24.1Validation update for Availability Viewer
1.24.0Refresh method for all elements
refresh()method to every UI Element that, when called, will reload the element and re-fetch any data.
1.23.1Security fixes and dependency updates
1.22.3AvailabilityViewer confirm positioning fix
1.22.1Fixing issue with npm publishing
1.22.0AvailabilityViewer slots_visibile notification added
1.21.1Better validation of query_periods
1.20.12Stability and bug fixes for Availability Rules
tzidwhen editing the rule on a device in a time zone different to the one on the already-saved rule.
config.modeoptions. Valid modes are listed in the docs
mode.multi_selectslot labels were appearing in the incorrect order when selected in non-linear order.
update()method is called. Fixes a bug introduced in v1.20.3.
1.20.5Bug fixes and stability
1.20.3Better option parsing on update
1.20.0Grid expansion for Availability Rules
1.19.0Improved calendar selection for Availability Rules
1.18.1Fix Slot picker title when picking times in some timezones
1.18.0Expandable week grid for free_select mode
free_selectmode. Full details in the config mode section of the docs.
1.17.0free_select mode for Availability Viewer
free_selectconfig mode that turns the Element into a
query_periodsgenerator. Full details in the config mode section of the docs.
available_periods, in line with the updated API.
1.16.0Added support for more languages
1.15.0New Availability Rules notification
no_visible_slotsnotification has been added to the Availability Viewer. Full details for all notification callbacks for the Availability Rules can be found in the documentation.
- Extra detail has been added to error notifications.
1.14.0New Availability Rules notification
no_slots_foundnotification has been added to the Availability Viewer. Full details for all notification callbacks for the Availability Rules can be found in the documentation.
- Extra detail has been added to error notifications.
1.13.3Availability Viewer keyboard behaviour
1.13.2Enhancements for Availability Rules notifications
availability_rule_editedis now also fired whenever the selected calendars are changed in the UI.
1.13.1New Availability Rules notification type
availability_rule_editednotitification type to the Availability Rules UI Element. Full details for all notification callbacks for the Availability Rules can be found in the documentation.
1.12.1Availability Rules tzid support
tzidoptional for AvailabilityRules (was previously “required”).
1.12.0SlotPicker tzid support
tzidoption can now be passed to the SlotPicker, overriding the browser default.
1.10.0Customisable week start day for AvailabilityRules and AvailabilityViewer
config.week_start_dayinitialisation option that enables custom week-start-days. Full details for this option can be found in the docs.
1.9.4Handle profile-revoke errors
element_tokenerror and not updating the UI.
1.9.3Handle events with no name
summaryvalue (which would previously cause the Agenda View to crash).
1.9.2Availability Viewer optional config
config.end_timeare reverted to being optional initialisation options (reverses a change to enhanced validation in v1.9.0 that made them required).
1.9.1Availability Rules bugfix
1.9.0Improved error handling
config.logsparameter) allowing developers to choose the verbosity of the logs produced by the UI Elements.
1.8.1Date localization scoping
momentglobal settings (for
1.7.21Time zone aware mock data
1.7.19Availability Rules day names
type="button"attribute to all buttons within the elements’ markup, allowing UI Elements to be rendered inside html forms.
1.7.12Availability Viewer DST fixes
Improves handling of Daylight Saving Time (DST) switchover in the Availability Viewer element.
- Correct time-labels for DST switchover week.
- Sensible slot fallback for DST transition period (1am - 2am).
- Query-cropping correctly adjusts to display-period for DST-switchover week.
1.7.11Availability Viewer bugfix
- Fixes a bug where slot-selections a day either side of the visible period are still displayed after navigating between weeks.
1.7.10Availability Rules bugfixes
- Correctly display rules that end at midnight.
- Correctly calculates availability when rules don’t match provided duration. (e.g. rule starts at 09:15, but the element is displaying with a duration of 60 or 30.).
1.7.9Agenda View enhancements
- Fixes a bug where scrollable ’events’ view was too tall on certain screen sizes (and therefore overflowing).
- Performance enhancements.
- Fixes a bug where Availability Viewer legend would be hidden for certain browsers.
- Improves general cross-browser consistency.
- Fixes overflow-bug in Availability Viewer when on small screens.
- Availability Rules columns correctly calculate width when browser is resized.
- Dependency version updates.
1.7.4Slot Picker response count
max_resultsvalue to allow more than 20 slots per response. New default limit is 200, matching the API.
1.7.0Availability Viewer unrestricted slot selection
slot_selectionoption that allows for unrestricted selection of slots - overriding normal availability-based behavior.
1.6.1Calendar Sync enhancement
avoid_linkingparameter is applied to the profile authorization URL automatically.
- Filtering deleted calendars from calendar lists.
- Correcting position calculation for overflow slot target.
1.5.0single_profile option for Calendar Sync (and bug fixes)
- Better handling for empty availability responses.
- Fix for UI issue when Availability Rules are assigned to a removed profile.
1.4.1User-editable Availability Viewer window
- Setting a 24hr (midnight-midnight) window is now possible
- Improved timezone handling
1.3.6Available via NPM
1.3.5Availability Rules calendar selector
Alllabel in the
included calendarsbox consistent with the behaviour of availability rules by removing
1.3.2Availability Viewer slot results
1.3.0Time zone option for Availability Viewer
tzid parameter that allows the Availability Viewer to be initialised with a specific time zone. If
tzid is declared, the time zone will be displayed in the footer of the Element.
Note: using this new
tzid option will cause the Availability Viewer to render in a timezone that may not match the timezone of the user’s computer. Be sure to highlight this to the user.
1.2.3Smarter overrun calculation handles cross-dateline days
Slots that ‘overrun’ the end of the visible period are found using a
moment.diff() between the end of the period and the end of the slot.
This method failed to account for days that crossed the dateline. It now does.
Slot heights were far too high for the
interval: 15; duration: 30 combo.
Now, an hour will always be
60px high, and the slots will be divided accordingly.
1.2.0callback for rules
- triggered on successful ‘rules saved’ response from API
1.1.2sniffing timezone for mock data
More specific docs links in errors/warnings when parsing options.
Storing original options ‘immutably’ so we can re-parse when
update()method is called.
1.1.0Time Zone Translation
time zone display in Availability Rules footer
translations moved into
time zone translation handler
1.0.0UI Elements v1.0.0
The release of UI Elements v1.0.0 marks an important transition from prototype to full-fledged product. We have been able to shape the Elements into a robust suite suitable for use in any application environment.
The changes from v0 to v1 are designed to enable a more flexible and customizable set of Elements, as well as providing a solid platform for future expansion. The new config option standardizes many of the more ad-hoc options from early versions, and all style-related options have been moved to the styles option. The callback format has also been amended to support multiple notification types from a single Element, paving the way for richer and deeper integrations.
Find out more in the Upgrade Guide, including the upgrade steps for those using older versions.