patternfly-react icon indicating copy to clipboard operation
patternfly-react copied to clipboard

Create date/time picker demo that incorporates time zones

Open nicolethoen opened this issue 4 years ago • 7 comments

Create a demo that shows how the date/time picker can be pared with a select list for picking a time zone. Time zones will be expressed as offsets from GMT and changing the timezone would result in re-calculating the date object derived from post-processing the user entered date and time value.

The default setting of time zone should be the local time zone (read from the bowser?).

nicolethoen avatar Aug 26 '20 15:08 nicolethoen

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

stale[bot] avatar Nov 21 '20 07:11 stale[bot]

we WILL do this

nicolethoen avatar Nov 23 '20 21:11 nicolethoen

I am going to transfer this back to design to give more consideration to exactly what this should demonstrate.

mcarrano avatar May 27 '21 15:05 mcarrano

Example of time zone usage from DMN/Kogito

image.png

You can explore it by going to dmn.new > Try Sample > Data Types (tab). Supporting timezones was a DMN requirement, at least at the time this was designed.

mcarrano avatar Jun 04 '21 15:06 mcarrano

What it feels like this issue is calling for would be for PatternFly to return a date object that is calculated from the hh:mm:ss that is entered by the user +/- the offset from GMT based on the chosen timezone. Right now (per discussion with @nicolethoen) , the PF time picker component does not return a date object but rather leaves that calculation to the consumer.

There is a related request here for a combined date/time picker: https://github.com/patternfly/patternfly-react/issues/5858 It feels like it would be appropriate to address these together. Therefore I am going to transfer this back to React and schedule them together on the feature roadmap.

mcarrano avatar Jun 04 '21 19:06 mcarrano

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

stale[bot] avatar Aug 03 '21 20:08 stale[bot]

Here is the current date/time picker demo: https://www.patternfly.org/v4/demos/date-and-time-picker#demos Here is the current date & time range demo: https://www.patternfly.org/v4/components/date-picker/react-demos#date-and-time-range-picker

I guess a date/time picker with timezones would build on one or both of these patterns.

nicolethoen avatar Jun 14 '22 20:06 nicolethoen

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

stale[bot] avatar Apr 11 '24 07:04 stale[bot]

false

github-actions[bot] avatar Apr 26 '24 11:04 github-actions[bot]