# 0.19.0 (/docs/changelog/0.19.0)





PasswordInput's reveal state can now be controlled: one checkbox can drive two fields, and the toggle can be replaced or hidden. It is also reachable from the keyboard. Every label the kit hard-coded can now be set through a translations prop, from DataTable's sort and filter names to Notification's dismiss button. Tabs, SegmentGroup and Table lay out correctly right to left. Calendar, DatePicker and DataTable's date filter now follow IntlProvider's time zone, and Schedule prints every time in its own zone. Chart's neutral color and light-mode contrast are fixed, and Spinner, TreeSelect and TimeInput get correct accessible names.

## Spotlight [#spotlight]

<Spotlight
  component="password-input"
  pr="312"
  title="One switch for every password field"
  demo="
  <div className=&#x22;mx-auto flex w-full max-w-[20rem] flex-col gap-8&#x22;>
    <PasswordInputSharedVisibilityExample />
    <PasswordInputCustomToggleExample />
  </div>
"
>
  Pass `visible` and `onVisibleChange` to control the reveal state, so one "Show passwords" checkbox can drive Password and Confirm together. `hideToggle` removes the built-in button once another control owns the state. To keep the button but change what it shows, `renderToggle={(visible) => …}` renders your own content, like the lock icons below. The kit's button keeps its keyboard access and accessible name.
</Spotlight>

<Spotlight component="schedule" pr="328" title="A schedule in its own time zone" demo="<ScheduleTimeZoneDemo />">
  Set `timeZone` and every surface reads it: chip times, their labels, the details popover, the now-cursor and the resize handles. A 09:00 New York meeting shows 09:00 wherever the viewer is.
</Spotlight>

<Spotlight component="data-table" pr="331" title="Every label in your language" demo="<TranslationsDemo />">
  DataTable's `translations` covers every label it renders: sort and filter names, the options menu, row checkboxes, pagination and the filters' own controls. About twenty other components get the same `translations` prop for their built-in labels.
</Spotlight>

## Changes [#changes]

<Changelog version="0.19.0" />