UI Elements Changelog
Subscribe to this page via RSS
1.60.1Date Time Picker: bugfix for Availability pagination when overriding the query
1.60.0Date Time Picker: new `display_slot_navigation` config option
display_slot_navigation
. Enabling this will display ‘Previous’ and ‘Next’ day buttons underneath the list of slots. More details in the display_slot_navigation
documentation here1.59.4Availability Rules bugfix for adding included calendars
1.59.2Update internal dependencies
1.59.1Update internal dependencies
- Updated internal React version from 16 to 18.
- Updated several internal dependencies.
1.58.1AvailabilityViewer: unrestricted slot selection bugfix
Fixes two issues with the AvailabilityViewer when in unrestricted
slot selection mode:
- Unable to select slots which overlapped available and unavailable times
- The selection overflowing to outside of the slots selection pane
1.58.0AvailabilityViewer: unrestricted slot selection bugfix
slot_selected
notifications giving incorrect availability
information when in unrestricted
slot selection mode.1.57.2DateTimePicker rendering bug fix
1.57.1AgendaViewer rendering bug fix
1.57.0Date Time Picker: add new `minimal_overflow` option for the `month_view_mode` config parameter
month_view_mode
config parameter. More details in the month_view_mode
documentation here1.56.5AvailabilityViewer rendering bug fix
interval
and a timezone with a nonzero minutes component to the offset1.56.4SlotPicker element validation improvment
1.56.3Availability Viewer bugfix
1.56.2Availability Viewer bugfix
1.56.1Updating Moment Timezone dependency version
1.56.0Availability query_slots support
query_slots
parameter to the DateTimePicker and the SlotPicker.1.55.1Availability Rules bugfix
keyboard_support
was causing issues with click and drag functionality.1.55.0Date Time Picker: `date_selected` notification
date_selected
notification to indicate when a user has selected a date from the calendar view.1.54.5Date Time Picker bugfix
1.54.4Date Time Picker: focused day bugfix
1.54.3Agenda View: date display bugfix
1.54.2Date Time Picker: add custom variable for Confirm button text
1.54.1Availability Viewer: notification bugfix
no_slots_found
notification instead of no_slots_visible
.1.54.0Date Time Picker: add new `month_view_mode` config option
1.53.1Date Time Picker: keyboard navigation bugfix
1.53.0Date Time Picker: add new `display_slot_timezone` config option
1.52.5Availability Viewer bugfix
no_slots_found
notification.1.52.4Fixes issue when the Arabic locale is determined from browser settings
1.52.3Translation update for Czech
1.52.2Fix RTL time ranges for Western Arabic numerals
1.52.1Translation support for Simplified Chinese
zh-CH
) locale. More details in the ‘Translations and Localization’ documentation.1.52.0Arabic and Hebrew language and direction support.
1.51.1Date Time Picker: timezone fix for changes in daylight saving
1.51.0Slot Picker: improved focus management for accessibility
1.50.1Security patch moment-timezone
1.50.0Availability Rules: improved Dutch translation
1.49.4Date Time Picker bugfix
1.49.3Additional language support for Date Time Picker
1.49.2New locale bugfix
1.49.1Update dependencies
1.49.0Smaller file size
1.48.2Availability Rules bugfix
tzid
that was not included in the timezone dropdown list was causing an error.1.48.1Availability Viewer bugfix
query_periods
.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_title
for 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.1Dependency updates
1.44.0Date Time Picker: `no_slots_found` callback notification
no_slots_found
notification 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_date
displays 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_date
to be set. More info can be found in the documentation1.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_results
in the Date Time Picker when making a query with a response_format
of slots
.1.38.1Refactor contexts within Availability Rules
1.38.0Date Time Picker: reporting tzid with `slot_selected` notification
tzid
that is selected in the timezone dropdown will be returned as part of the slot_selected
notification.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_confirm
mode would still ask users to confirm their chosen slot1.35.1Bugfix for Slot Picker time rendering
1.35.0Locale Modifiers
1.34.8Bugfixes for Availability Viewer
no_confirm
mode and preventing the element from making an invalid API call with an empty query_periods
.1.34.7Remove Calendar Sync edit options for relevant account types
1.34.6Bugfix for Date Time Picker
tzid
is 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_expansion
option to the Availability Viewer that can enable time-expansion arrows to be shown in all modes (previously only available in free_select
mode). More info in the docs.1.29.2Stricter AV end_time validation
config.end_time
of 00:00
would 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
tzid
that 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_id
is not found. You can find more information in the docs.1.25.3Bugfix
refresh()
.1.25.2Availability Viewer stability and performance
start_time
and end_time
config options for Availability Viewer, and more efficient re-rendering on hover interactions.1.25.1Bugfix
free_select
mode.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.23.0AgendaViewer modes
1.22.3AvailabilityViewer confirm positioning fix
1.22.2Bugfix
1.22.1Fixing issue with npm publishing
1.22.0AvailabilityViewer slots_visibile notification added
1.21.1Better validation of query_periods
1.20.13Bug fix
1.20.12Stability and bug fixes for Availability Rules
1.20.11Bug fix
tzid
when editing the rule on a device in a time zone different to the one on the already-saved rule.1.20.10Stability
1.20.9config.mode validation
config.mode
options. Valid modes are listed in the docs1.20.8Bug fix
mode.multi_select
slot labels were appearing in the incorrect order when selected in non-linear order.1.20.7Bug fix
1.20.6Bug fix
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.2query_periods validation
query_periods
option.1.20.1Filtering profiles
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_select
mode. Full details in the config mode section of the docs.1.17.0free_select mode for Availability Viewer
free_select
config mode that turns the Element into a query_periods
generator. Full details in the config mode section of the docs.1.16.1query_periods
query_periods
alongside available_periods
, in line with the updated API.1.16.0Added support for more languages
1.15.0New Availability Rules notification
- A
no_visible_slots
notification 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
- A
no_slots_found
notification 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_edited
is now also fired whenever the selected calendars are changed in the UI.1.13.1New Availability Rules notification type
availability_rule_edited
notitification 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
tzid
optional for AvailabilityRules (was previously “required”).1.12.0SlotPicker tzid support
tzid
option can now be passed to the SlotPicker, overriding the browser default.1.11.1Dependency updates
1.11.0Enhanced notifications
- Events that trigger a log (
info
,warn
, orerror
) now also trigger a notification callback. - Slot Picker now triggers a
no_slots_found
notification when an availability query returns an empty result. Details in the docs.
1.10.0Customisable week start day for AvailabilityRules and AvailabilityViewer
config.week_start_day
initialisation 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_token
error and not updating the UI.1.9.3Handle events with no name
summary
value (which would previously cause the Agenda View to crash).1.9.2Availability Viewer optional config
config.start_time
and config.end_time
are 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.logs
parameter) allowing developers to choose the verbosity of the logs produced by the UI Elements.1.8.1Date localization scoping
moment
global settings (for moment-timezone
dependency).1.8.0Customizable strings
translations
initialization option.1.7.21Time zone aware mock data
1.7.19Availability Rules day names
1.7.15Class names
1.7.14Button attributes
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.
1.7.8Bugfixes
- Fixes a bug where Availability Viewer legend would be hidden for certain browsers.
- Improves general cross-browser consistency.
1.7.6Style updates
- 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_results
value to allow more than 20 slots per response. New default limit is 200, matching the API.1.7.0Availability Viewer unrestricted slot selection
slot_selection
option that allows for unrestricted selection of slots - overriding normal availability-based behavior.1.6.1Calendar Sync enhancement
single_profile
option, the avoid_linking
parameter is applied to the profile authorization URL automatically.1.6.0Translations
1.5.1Bug fixes
- Filtering deleted calendars from calendar lists.
- Correcting position calculation for overflow slot target.
1.5.0single_profile option for Calendar Sync (and bug fixes)
single_profile
option added.- 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
Availability Viewer:
bounds_control
option added- Setting a 24hr (midnight-midnight) window is now possible
- Improved timezone handling
1.3.6Available via NPM
1.3.5Availability Rules calendar selector
All
label in the included calendars
box consistent with the behaviour of availability rules by removing all-selected
shorthand.1.3.2Availability Viewer slot results
1.3.0Time zone option for Availability Viewer
An optional 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.5Week-rounding logic
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.
1.2.2Slot heights
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
1.1.1Reload
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
json
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.