question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

DatePicker: Add range selection support with time

See original GitHub issue

1) 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:open
  • Created 4 years ago
  • Reactions:4
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
jepsarcommented, Aug 18, 2022

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.

0reactions
mellowarecommented, Jun 15, 2021
Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found