Release from Development

[anandmindfire]

Release from Development

• New components or component API changes

  • Broadened DropdownLabel and DropdownSeparator props to support and forward Radix component properties.
  • Updated dropdown checkbox indicators to use the lucide-react Check icon.

• Bug fixes

  • Improved DatePicker theme detection, date parsing/validation, popup positioning, range handling, and external value synchronization.
  • Changed DatePicker’s default autoClose behavior to true.
  • Fixed dark-mode dropdown colors and light-mode item visibility.
  • Improved cross-platform CLI path assertions and stabilized sign-in timer tests.

• Tooling / config changes

  • Added dark dropdown CSS variables to documentation and Storybook themes.
  • Added matchMedia mocks for DatePicker tests.

• Docs / Storybook updates

  • Restyled and reorganized DatePicker documentation demos and Storybook stories with responsive layouts and updated examples.
  • Updated versioned DatePicker and dropdown documentation to match implementation changes.
  • Simplified the hotel booking demo’s disabled-date logic and date format.

Breaking changes

None.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: 89bff7a1-141d-4a86-a8c5-26764c59d7a6

📥 Commits

Reviewing files that changed from the base of the PR and between f2a0773 and a276990.

📒 Files selected for processing (16)

• apps/docs/src/components/Demo/DatePickerDemo.tsx
• apps/docs/src/components/UI/date-picker/index.tsx
• apps/docs/src/components/UI/dropdown/index.tsx
• apps/docs/src/css/custom.css
• apps/docs/versioned_docs/version-1.0.3/components/date-picker.mdx
• apps/docs/versioned_docs/version-1.0.3/components/dropdown.mdx
• apps/storybook/src/components/date-picker/date-picker.stories.tsx
• apps/storybook/src/components/date-picker/index.tsx
• apps/storybook/src/components/dropdown/index.tsx
• apps/storybook/src/index.css
• packages/cli-tool/tests/commands/mcpCommand.test.ts
• packages/cli-tool/tests/services/templateService.test.ts
• packages/registry/components/date-picker/date-picker.test.tsx
• packages/registry/components/date-picker/index.tsx
• packages/registry/components/dropdown/index.tsx
• packages/registry/templates/pages/sign-in/signin.test.tsx

---

Walkthrough

DatePicker theme detection, parsing, range editing, defaults, and presentation were updated across implementations and examples. Dropdown theming and Radix prop forwarding were revised. Demo layouts and test setup were also adjusted for responsive rendering and cross-platform behavior.

Changes

DatePicker core behavior

Layer / File(s)	Summary
Parsing, theme detection, and range state apps/docs/src/components/UI/date-picker/index.tsx, apps/storybook/src/components/date-picker/index.tsx, packages/registry/components/date-picker/index.tsx, apps/docs/versioned_docs/version-1.0.3/components/date-picker.mdx	Theme changes are detected from DOM attributes, classes, and system preferences. Date parsing validates formats and calendar values. Range input, synchronization, partial updates, and auto-close behavior were revised.
DatePicker demonstrations and layouts apps/docs/src/components/Demo/DatePickerDemo.tsx, apps/storybook/src/components/date-picker/date-picker.stories.tsx	Examples use responsive layouts, updated date formats, revised validation displays, and playground controls without local theme-mode configuration.

Dropdown theming

Layer / File(s)	Summary
Dark styling and component props apps/docs/src/components/UI/dropdown/index.tsx, apps/storybook/src/components/dropdown/index.tsx, packages/registry/components/dropdown/index.tsx, apps/docs/src/css/custom.css, apps/storybook/src/index.css, apps/docs/versioned_docs/version-1.0.3/components/dropdown.mdx	Dark dropdown colors use dedicated CSS variables, content exposes data-theme, item styling is updated, checkbox indicators use the Check icon, and label/separator components forward Radix props.

Supporting tests

Layer / File(s)	Summary
Platform and timing test setup packages/cli-tool/tests/commands/mcpCommand.test.ts, packages/cli-tool/tests/services/templateService.test.ts, packages/registry/components/date-picker/date-picker.test.tsx, packages/registry/templates/pages/sign-in/signin.test.tsx	Path assertions accept Windows and Unix separators, DatePicker tests provide matchMedia, and social-login tests explicitly manage pending timers.

Estimated code review effort: 4 (Complex) | ~60 minutes

Sequence Diagram(s)

sequenceDiagram
  participant HostTheme
  participant DatePicker
  participant Parser
  participant RangeInput
  participant Consumer
  HostTheme->>DatePicker: publish DOM or system theme change
  DatePicker->>Parser: parse configured input
  Parser-->>DatePicker: validated date or error
  RangeInput->>DatePicker: update range boundary
  DatePicker->>Consumer: emit value or range change

Loading

Possibly related PRs

• mindfiredigital/ignix-ui#814: Overlaps with the DatePicker demo description and playground presentation wiring.

Suggested labels: breaking change, tailwind, tests

Suggested reviewers: ipsitam-07

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch development

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

ESLint install failed. For unrecoverable errors, disable the tool in CodeRabbit configuration.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}