Charles de Dreuille
401916d55b
Adds a new DateRangePicker component to @backstage/ui built on React Aria, featuring a custom field group with two DateInput fields and a calendar trigger, a RangeCalendar popover with proper range selection visuals (solid circles for start/end, transparent solid fill for in-range cells with row-boundary rounding), and full BUI token usage including bg consumer auto-increment. Includes Storybook stories and a docs-ui page. Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com> Made-with: Cursor
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.