Erik Hughes
d726bcd842
* feat(ui): add DatePicker component Add a single-date picker built on React Aria's DatePicker, mirroring the existing DateRangePicker implementation. Includes the date field with segmented input, calendar popover, BUI design tokens, bg consumer pattern, and full keyboard/screen reader accessibility. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> Signed-off-by: Erik Hughes <erikh@spotify.com> * fix(ui): address DatePicker PR feedback - Remove unused dataAttributes spread from DatePickerGroup - Mark DatePickerGroupDefinition and DatePickerCalendarDefinition as public so CSS class name changes appear in API reports - Add Affected components line to changeset Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> Signed-off-by: Erik Hughes <erikh@spotify.com> * fix(ui): restore dataAttributes spread in DatePickerGroup The bg: 'consumer' config on DatePickerGroupDefinition emits data-on-bg attributes via useDefinition. Without spreading dataAttributes onto <Group>, the CSS [data-on-bg] selectors never match and background auto-increment doesn't work. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> Signed-off-by: Erik Hughes <erikh@spotify.com> --------- Signed-off-by: Erik Hughes <erikh@spotify.com> Co-authored-by: Erik Hughes <erikh@spotify.com> Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Backstage UI Docs
Backstage UI is our internal UI library built for Backstage. We built this website to document the library and its components. You can view this website here.
How to run locally
This website is built with Next.js and it is hosted on Github pages. To run it locally, you can run the following command:
yarn start
Deployment
Deployments are done automatically when a PR is merged into the master branch. We host the website using Github pages.
Maintaining Component Changelogs
After a @backstage/ui release, sync the component changelogs to keep documentation up-to-date:
yarn sync:changelog
This script:
- Parses
packages/ui/CHANGELOG.mdfor new versions - Extracts entries tagged with "Affected components: ..."
- Updates
src/utils/changelog.tswith new entries - Handles both component-specific and general package changes
After running, review the changes in src/utils/changelog.ts and commit them.
Preview changes before writing:
yarn sync:changelog:dry-run
Running this gives you a summary of what would be written, without actually adding or changing any files.