DatePicker: Add range selection support with time
See original GitHub issue1) Environment
- PrimeFaces version: 7.0.5
- Does it work on the newest released PrimeFaces version? No
- Does it work on the newest sources in GitHub? No
- Application server + version: WildFly 17
- Affected browsers: All
2) Expected behavior
When selectionMode = ‘range’ and showTime = ‘true’ there should be two timepickers visible to be able to select a time selection within a day or over multiple days.
3) Actual behavior
There is only one timepicker which sets the time on both start and end date. I can’t think of any practical usecase why someone would like to do that. So I can think the new behaviour can be the default behaviour.
4) Steps to reproduce
Create the sample XHTML
5) Sample XHTML
<p:datePicker selectionMode="range" showTime="true"/>
<p:datePicker selectionMode="range" timeOnly="true"/>
6) Sample bean
No bean required
Issue Analytics
- State:
- Created 4 years ago
- Reactions:4
- Comments:5 (5 by maintainers)
Top Results From Across the Web
Date Range Picker — JavaScript Date & Time Picker Library
A JavaScript component for choosing date ranges, dates and times. ... Originally created for reports at Improvely, the Date Range Picker can be...
Read more >Range Date & time range Example | Mobiscroll
JQuery datetime range picker with start-end. Use it as a calendar, scroller, dropdown, inline, with one or two inputs.
Read more >How to Allow Date Range or Multiple Dates in Date Picker
First you'll need to create your form and add at least one Date/Time form field and set the field to Date Picker. If...
Read more >Solved: Select a range of dates in date picker
1\ This is my datasource. vxiaochenmsft_0-1627610212668.png · 2\ Add 2 datepicker control 'DatePicker1' and 'DatePicker2'. Add a gallery control and set its ...
Read more >How to Select a Date Range In Date Picker Field (Step By ...
Welcome to WPForms!In this video, I'm going to show you how to allow users to select a date range or multiple dates in...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
To be honest, I have no idea on how the UI should look like for this feature. I don’t think we can easily recycle the single date time picker.
Also recently brought up on Stack Overflow: https://stackoverflow.com/questions/67989856/primefaces-datepicker-range-selection-with-time/67989910