How to add text beside hour and minute in CupertinoDatePicker

Question

I am using CupertinoDatePicker to allow user to select specific time in the current day, but i want to show text beside the selected hour and selected minute, is there any way to do this ?

This is what i am expecting

This is what i got

CupertinoDatePicker(
    mode: CupertinoDatePickerMode.time,
    use24hFormat: true,
    onDateTimeChanged: (value){
      setState(() {
        print(value);
      });
    },
)

score 0 · Answer 1 · answered Feb 17 '22 at 12:40

0

You are looking for the CupertinoTimerPicker widget.

It comes up with the default labels.

example:

12 hours 12 minute

Code for the same:

          CupertinoTimerPicker(
            onTimerDurationChanged: (value) {
              setState(() {
                print(value);
              });
            },
            mode: CupertinoTimerPickerMode.hm,
            backgroundColor: Colors.red,
            initialTimerDuration: Duration(hours: 12, minutes: 12),
          ),

But, If you need the custom label as in h, m, and s in your case, you've to make a custom Cupertino time picker using existing code (from Flutter SDK).

answered Feb 17 '22 at 12:40

ibhavikmakwana

8,948
4
20
39

yes the problem, just i need only letter beside the time, h and m, i will try and figure out how to change it from flutter sdk – naser Feb 17 '22 at 12:59
This is what you need to look for `timerPickerHourLabel` in `date_picker.dart` file – ibhavikmakwana Feb 17 '22 at 13:15

score 0 · Answer 2 · answered Jun 13 '23 at 08:04

0

You can use CupertinoTimerPicker.

Referance: CupertinoTimerPicker

answered Jun 13 '23 at 08:04

Berkan Aslan

13
4

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jun 13 '23 at 13:36

How to add text beside hour and minute in CupertinoDatePicker

2 Answers2