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

Date Picker to pick several dates #360

Open
3 tasks done
pcarbonn opened this issue Apr 17, 2023 · 2 comments
Open
3 tasks done

Date Picker to pick several dates #360

pcarbonn opened this issue Apr 17, 2023 · 2 comments
Assignees
Labels
enhancement New feature or request

Comments

@pcarbonn
Copy link

pcarbonn commented Apr 17, 2023

Before submitting...

Context

It is sometimes required to allow the user to select several dates (e.g. when proposing dates for a meeting), or a date range, e.g., in a hotel booking application.

Current Behavior

Currently, only one date can be picked.

Expected behavior

Introduce a selectionMode attribute to the date picker, with these possible values: multiple, range.

Possible Solutions or Causes

Have a look at the design of primeNG:

Your Environment

  • Version used:
  • Browser Name and version:
  • Operating System and version (desktop or mobile):
  • Additional information you want to tell us:
@Jerit3787 Jerit3787 added the enhancement New feature or request label Oct 10, 2023
@gselderslaghs
Copy link
Member

According to the Material standard the Datepicker component is implemented accordingly in Materialize.
Consider using a custom implementation on your page, this could be multiple datepicker fields with a ability to add infinite fields dynamically with a button or link.

Works as expected, proposal to close this issue.

@gselderslaghs
Copy link
Member

Looking into this issue as I previously mentioned it was not according to the standards, it turns out it does

As a result it would be great to implement a solution that allows selection of a start and end date, we would need two dates fields and adjust the datepicker to allow multiple selection by additional option with highlighting of the time range

@gselderslaghs gselderslaghs self-assigned this Dec 8, 2024
gselderslaghs added a commit to gselderslaghs/materialize that referenced this issue Dec 12, 2024
gselderslaghs added a commit to gselderslaghs/materialize that referenced this issue Dec 12, 2024
…mplemented input change handler for end date input; Fix issue where formatted date was not rendered correctly on date type input; Fix existing spec tests materializecss#360
gselderslaghs added a commit to gselderslaghs/materialize that referenced this issue Dec 16, 2024
…day or multi day date selection; Implemented setDateFromInput for logical navigation within the calendar by mouse/keypress interaction on input change, fixes issue where calendar only navigated to latest changed field; Refactored handleCalendarClick, split up single date click and date range click for the sake of code readability and simplicity; Updated JSDoc, removed unused parameter; Deprecated _setToStartOfDay (function has no effect); materializecss#360
gselderslaghs added a commit to gselderslaghs/materialize that referenced this issue Dec 19, 2024
gselderslaghs added a commit to gselderslaghs/materialize that referenced this issue Dec 27, 2024
gselderslaghs added a commit to gselderslaghs/materialize that referenced this issue Dec 27, 2024
…ell to initial, implemented additional is-daterange-start + is-daterange-end classes and refactored styling to use pseudo selectors on newly created classes materializecss#360
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants