framework7 icon indicating copy to clipboard operation
framework7 copied to clipboard

new component TIMEPICKER

Open nimo23 opened this issue 9 years ago • 4 comments

This is a (multiple allowed):

  • [x] enhancement
  • Framework7 Version: v1.5.2

F7 has a great "calendar/date-picker". However, it does not have a"timepicker".

Please provide a new component "TIMEPICKER" as shown here:

timepicker

Imagine the following use-case: User selects a date and after clicking the day of a date by "date-picker" (year-month-day), the "time-picker" (hour:minute) slides over the "date-picker" so the user can select the time by "time-picker". The end result returns a "date" with a "time". Please provide such a timepicker as shown in the image above.

nimo23 avatar Dec 29 '16 21:12 nimo23

+1

mohamedsalehamin avatar Dec 31 '16 01:12 mohamedsalehamin

You can make it with picker component. You can find in kitchen-sink.

centrual avatar Jan 09 '17 13:01 centrual

You mean "Inline Picker / Date-time" ? That is really not the same. Look at the picture above! You see the different?

With the above "Timepicker" you can select "TIME" in a very user friendly way (after selecting a "Date").

By the way having such a visual format, developer can restrict a set of "time-points" from being selected (look at the picture: The hours "0-8", "18-23" cannot be selected by the user. "Timepicker" could have a "disabled"-property with a "Time Range" to disable "times". F7-"Datepicker" has also "disabled"-property to disable "dates".

nimo23 avatar Jan 09 '17 14:01 nimo23

Up

danielpinon avatar Oct 20 '21 02:10 danielpinon