Releases · chakra-ui/ark

Build: Fixed CJS build issues in downstream Zag.js packages
Download Trigger: Fixed window resolution to use environment context in custom environments (for example,
iframes)

Assets 2

27 Feb 01:39

segunadebayo

@ark-ui/solid@5.34.0

82df1f3

@ark-ui/solid@5.34.0

Added

Format: Added Format.Time for formatting time values and examples for basic, date input, seconds, custom AM/PM
labels, and locale

Fixed

Build: Fixed CJS build issues in downstream Zag.js packages

Assets 2

27 Feb 01:38

segunadebayo

@ark-ui/react@5.34.0

766d722

@ark-ui/react@5.34.0

Added

Format: Added Format.Time for formatting time values and examples for basic, date input, seconds, custom AM/PM
labels, and locale

Fixed

Build: Fixed CJS build issues in downstream Zag.js packages

Assets 2

26 Feb 22:19

segunadebayo

@ark-ui/vue@5.33.0

1d5d7e5

@ark-ui/vue@5.33.0

Added

Date Picker: Added non-Gregorian calendar support via createCalendar prop (Persian, Buddhist, Islamic, Hebrew,
and other calendar systems)

<script setup>
import { PersianCalendar } from "@internationalized/date"

function createCalendar(identifier) {
  switch (identifier) {
    case "persian":
      return new PersianCalendar()
    default:
      throw new Error(`Unsupported calendar: ${identifier}`)
  }
}
</script>

<DatePicker.Root locale="fa-IR" :create-calendar="createCalendar">
  <!-- ... -->
</DatePicker.Root>

Date Picker: Added data-type attribute to weekend table header and cell

Fixed

Combobox: Fixed onValueChange returning empty items array when using controlled value
Popover: Fixed nested popover z-index layering
Toast: Fixed types to ensure parent/index are exposed as props and expand/collapse are exposed on the
store
Radio Group, Listbox, Progress, Segment Group: Fixed group labels rendering orphan label elements; now render as
span per W3C ARIA pattern

Assets 2

26 Feb 22:26

segunadebayo

@ark-ui/svelte@5.18.0

82f89bc

@ark-ui/svelte@5.18.0

Added

Date Picker: Added non-Gregorian calendar support via createCalendar prop (Persian, Buddhist, Islamic, Hebrew,
and other calendar systems)

<script>
  import { PersianCalendar } from '@internationalized/date'

  function createCalendar(identifier) {
    switch (identifier) {
      case 'persian':
        return new PersianCalendar()
      default:
        throw new Error(`Unsupported calendar: ${identifier}`)
    }
  }
</script>

<DatePicker.Root locale="fa-IR" {createCalendar}>
  <!-- ... -->
</DatePicker.Root>

Date Picker: Added data-type attribute to weekend table header and cell

Fixed

Combobox: Fixed onValueChange returning empty items array when using controlled value
Popover: Fixed nested popover z-index layering
Toast: Fixed types to ensure parent/index are exposed as props and expand/collapse are exposed on the
store
Radio Group, Listbox, Progress, Segment Group: Fixed group labels rendering orphan label elements; now render as
span per W3C ARIA pattern

Added

Locale: Added useDateFormatter hook for localized date formatting using @internationalized/date
Swap: Added new Swap component for toggling between two visual states with CSS animations using dual presence
instances
Checkbox: Added maxSelectedValues prop to CheckboxGroup to limit the number of selected values
Drawer: Replaced BottomSheet with new Drawer component supporting multi-directional swipe via swipeDirection
prop (up, down, left, right), a new Positioner part, and snapToSequentialPoints option
Date Picker:
- Added focus option to api.clearValue({ focus?: boolean })
- Added api.setTime(time, index?) for date-time picker support
- Added maxSelectedDates prop to limit selected dates in multiple selection mode
- Added api.isMaxSelected to check if maximum number of dates has been selected
- Added openOnClick prop to open the calendar when clicking the input field
- Added showWeekNumbers support to display ISO 8601 week number column in the day view
Popover: Added sizeMiddleware positioning option to optionally disable the size middleware
Select: Added autoComplete prop for browser autofill hints

Fixed

Combobox:
- Fixed aria-selected being set on highlighted items instead of selected items
- Fixed selectedItems getting out of sync with value in controlled mode
- Fixed item disabled state not accounting for root-level disabled prop
Date Picker:
- Fixed api.selectToday() sending incorrect value format
- Preserve time/timezone when selecting new dates (CalendarDateTime and ZonedDateTime)
- Improved focus management in trigger-only mode
Dialog: Fixed non-modal dialog closing on outside click when modal is false
Listbox: Fixed DOM IDs
Number Input: Fixed invalid prop being ignored when value is out of range
Popover: Improved performance by reducing style recalculations when scrolling
Select: Fixed autofill not updating value when hidden select value changes
Svelte: Fixed state_unsafe_mutation warning during component teardown

Assets 2

26 Feb 22:19

segunadebayo

@ark-ui/solid@5.33.0

8653c0b

@ark-ui/solid@5.33.0

Added

Date Picker: Added non-Gregorian calendar support via createCalendar prop (Persian, Buddhist, Islamic, Hebrew,
and other calendar systems)

import { PersianCalendar } from "@internationalized/date"

function createCalendar(identifier) {
  switch (identifier) {
    case "persian":
      return new PersianCalendar()
    default:
      throw new Error(`Unsupported calendar: ${identifier}`)
  }
}

<DatePicker.Root locale="fa-IR" createCalendar={createCalendar}>
  {/* ... */}
</DatePicker.Root>

Date Picker: Added data-type attribute to weekend table header and cell

Fixed

Combobox: Fixed onValueChange returning empty items array when using controlled value
Popover: Fixed nested popover z-index layering
Toast: Fixed types to ensure parent/index are exposed as props and expand/collapse are exposed on the
store
Radio Group, Listbox, Progress, Segment Group: Fixed group labels rendering orphan label elements; now render as
span per W3C ARIA pattern

Assets 2

26 Feb 22:18

segunadebayo

@ark-ui/react@5.33.0

306331d

@ark-ui/react@5.33.0

Added

Date Picker: Added non-Gregorian calendar support via createCalendar prop (Persian, Buddhist, Islamic, Hebrew,
and other calendar systems)

import { PersianCalendar } from "@internationalized/date"

function createCalendar(identifier) {
  switch (identifier) {
    case "persian":
      return new PersianCalendar()
    default:
      throw new Error(`Unsupported calendar: ${identifier}`)
  }
}

<DatePicker.Root locale="fa-IR" createCalendar={createCalendar}>
  {/* ... */}
</DatePicker.Root>

Date Picker: Added data-type attribute to weekend table header and cell

Fixed

Combobox: Fixed onValueChange returning empty items array when using controlled value
Popover: Fixed nested popover z-index layering
Toast: Fixed types to ensure parent/index are exposed as props and expand/collapse are exposed on the
store
Radio Group, Listbox, Progress, Segment Group: Fixed group labels rendering orphan label elements; now render as
span per W3C ARIA pattern

Assets 2

21 Feb 16:46

segunadebayo

@ark-ui/vue@5.32.0

5e7b63e

@ark-ui/vue@5.32.0

Added

Locale: Added useDateFormatter hook for localized date formatting using @internationalized/date
Swap: Added new Swap component for toggling between two visual states with CSS animations using dual presence
instances
Checkbox: Added maxSelectedValues prop to CheckboxGroup to limit the number of selected values
Drawer: Replaced BottomSheet with new Drawer component supporting multi-directional swipe via swipeDirection
prop (up, down, left, right), a new Positioner part, and snapToSequentialPoints option
Date Picker:
- Added focus option to api.clearValue({ focus?: boolean })
- Added api.setTime(time, index?) for date-time picker support
- Added maxSelectedDates prop to limit selected dates in multiple selection mode
- Added api.isMaxSelected to check if maximum number of dates has been selected
- Added openOnClick prop to open the calendar when clicking the input field
- Added showWeekNumbers support to display ISO 8601 week number column in the day view
Popover: Added sizeMiddleware positioning option to optionally disable the size middleware
Select: Added autoComplete prop for browser autofill hints

Fixed

useForwardExpose: Fixed crash when element bound with forwardRef does not exist (e.g. conditionally rendered
with v-if)
Combobox:
- Fixed aria-selected being set on highlighted items instead of selected items
- Fixed selectedItems getting out of sync with value in controlled mode
- Fixed item disabled state not accounting for root-level disabled prop
Date Picker:
- Fixed api.selectToday() sending incorrect value format
- Preserve time/timezone when selecting new dates (CalendarDateTime and ZonedDateTime)
- Improved focus management in trigger-only mode
Dialog: Fixed non-modal dialog closing on outside click when modal is false
Listbox: Fixed DOM IDs
Number Input: Fixed invalid prop being ignored when value is out of range
Popover: Improved performance by reducing style recalculations when scrolling
Select: Fixed autofill not updating value when hidden select value changes

Assets 2

21 Feb 16:45

segunadebayo

@ark-ui/solid@5.32.0

135ed75

@ark-ui/solid@5.32.0

Added

Locale: Added useDateFormatter hook for localized date formatting using @internationalized/date
Swap: Added new Swap component for toggling between two visual states with CSS animations using dual presence
instances
Checkbox: Added maxSelectedValues prop to CheckboxGroup to limit the number of selected values
Drawer: Replaced BottomSheet with new Drawer component supporting multi-directional swipe via swipeDirection
prop (up, down, left, right), a new Positioner part, and snapToSequentialPoints option
Date Picker:
- Added focus option to api.clearValue({ focus?: boolean })
- Added api.setTime(time, index?) for date-time picker support
- Added maxSelectedDates prop to limit selected dates in multiple selection mode
- Added api.isMaxSelected to check if maximum number of dates has been selected
- Added openOnClick prop to open the calendar when clicking the input field
- Added showWeekNumbers support to display ISO 8601 week number column in the day view
Popover: Added sizeMiddleware positioning option to optionally disable the size middleware
Select: Added autoComplete prop for browser autofill hints

Fixed

Combobox:
- Fixed aria-selected being set on highlighted items instead of selected items
- Fixed selectedItems getting out of sync with value in controlled mode
- Fixed item disabled state not accounting for root-level disabled prop
Date Picker:
- Fixed api.selectToday() sending incorrect value format
- Preserve time/timezone when selecting new dates (CalendarDateTime and ZonedDateTime)
- Improved focus management in trigger-only mode
Dialog: Fixed non-modal dialog closing on outside click when modal is false
Listbox: Fixed DOM IDs
Number Input: Fixed invalid prop being ignored when value is out of range
Popover: Improved performance by reducing style recalculations when scrolling
Select: Fixed autofill not updating value when hidden select value changes

Assets 2

Releases: chakra-ui/ark

@ark-ui/vue@5.34.0

Added

Fixed

Uh oh!

@ark-ui/svelte@5.19.0

Added

Fixed

Uh oh!

@ark-ui/solid@5.34.0

Added

Fixed

Uh oh!

@ark-ui/react@5.34.0

Added

Fixed

Uh oh!

@ark-ui/vue@5.33.0

Added

Fixed

Uh oh!

@ark-ui/svelte@5.18.0

Added

Fixed

Added

Fixed

Uh oh!

@ark-ui/solid@5.33.0

Added

Fixed

Uh oh!

@ark-ui/react@5.33.0

Added

Fixed

Uh oh!

@ark-ui/vue@5.32.0

Added

Fixed

Uh oh!

@ark-ui/solid@5.32.0

Added

Fixed

Uh oh!