Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(date-picker): autoCloseOnSelect option and open/close programmatically #626

Merged

Conversation

marcjulian
Copy link
Contributor

PR Checklist

Please check if your PR fulfills the following requirements:

PR Type

What kind of change does this PR introduce?

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Documentation content changes
  • Other... Please describe:

Which package are you modifying?

  • accordion
  • alert
  • alert-dialog
  • aspect-ratio
  • avatar
  • badge
  • button
  • calendar
  • card
  • checkbox
  • collapsible
  • combobox
  • command
  • context-menu
  • data-table
  • date-picker
  • dialog
  • dropdown-menu
  • hover-card
  • icon
  • input
  • label
  • menubar
  • navigation-menu
  • pagination
  • popover
  • progress
  • radio-group
  • scroll-area
  • select
  • separator
  • sheet
  • skeleton
  • slider
  • sonner
  • spinner
  • switch
  • table
  • tabs
  • textarea
  • toast
  • toggle
  • tooltip
  • typography

What is the current behavior?

Closes #597

What is the new behavior?

Does this PR introduce a breaking change?

  • Yes
  • No

Other information

@marcjulian marcjulian marked this pull request as ready for review March 10, 2025 10:34
@@ -22,6 +27,7 @@ function getDefaultConfig<T>(): HlmDatePickerConfig<T> {
return {
formatDate: (date) => (date instanceof Date ? date.toDateString() : `${date}`),
transformDate: (date) => date,
autoCloseOnSelect: false,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do you think this should default to true?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hmmm does not seem to be the default behavior in shadcn.
I would even suggest to remove it from the preview, but it is not a stopper. ;)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I set it to false to have the same behavior as in shadcn. I can remove it from the first preview and added to one of the other

Copy link
Collaborator

@elite-benni elite-benni left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!
just one comment about the default value and preview

@@ -22,6 +27,7 @@ function getDefaultConfig<T>(): HlmDatePickerConfig<T> {
return {
formatDate: (date) => (date instanceof Date ? date.toDateString() : `${date}`),
transformDate: (date) => date,
autoCloseOnSelect: false,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hmmm does not seem to be the default behavior in shadcn.
I would even suggest to remove it from the preview, but it is not a stopper. ;)

@marcjulian
Copy link
Contributor Author

I updated the example and moved autoCloseOnSelect to the form example and added a missing transform.

@elite-benni
Copy link
Collaborator

Thanks! ;)

@elite-benni elite-benni merged commit 493eba8 into spartan-ng:main Mar 26, 2025
6 checks passed
@marcjulian marcjulian deleted the feature/date-picker-auto-close branch March 27, 2025 10:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Date Picker: auto close on select
3 participants