time_picker_sheet 0.0.2+1 copy "time_picker_sheet: ^0.0.2+1" to clipboard
time_picker_sheet: ^0.0.2+1 copied to clipboard

Time picker sheet library, allows you to have beauty time picker sheet with customable design to align with your requirements.

Time Picker Sheet #

A Time picker sheet library for flutter. You can also customize the widget inside the sheet to align with your requirement.



How to use #

This is really simple and to the point actually, simply by doing this then your time picker sheet will goes up.

TimePicker.show(
    context: context,
    sheet: TimePickerSheet(
        sheetTitle: 'Set meeting schedule',
        hourTitle: 'Hour',
        minuteTitle: 'Minute',
        saveButtonText: 'Save',
    ),
);

If you wanna get the result from the time picker sheet then what you have to do is await the result. As you know if we wanna await the result we need to do it as an async process right? so please make sure to do so. The code must be like this

final result = await TimePicker.show<DateTime?>(
    context: context,
    sheet: TimePickerSheet(
        sheetTitle: 'Set meeting schedule',
        hourTitle: 'Hour',
        minuteTitle: 'Minute',
        saveButtonText: 'Save',
    ),
);

the result from the sheet is should be nullable DateTime, if user closed the sheet the result will be null, but if the user click on the save button then the result should be the selected time as a DateTime, so you can get the hour & the minute.

Customize #

What you can customize?

  • Sheet title including the style
  • Sheet close icon including the color
  • Title hour including the style
  • Title minute including the style
  • Selected hour & minute including the style
  • Save button color & text
  • 1 or 2 digit format
    • the default format is 2 digit
  • Hour interval with min & max value
    • the default interval is 1, so the options will be started from 0 to 23
  • Minute interval with min & max value
    • the default interval is 15, so the options will be 0, 15, 30, 45
  • Initial date time
    • to make sure when your sheet goes up it select the right time. by default this is set to 00:00

All these things already have default value, so if you want to change one of them please make sure to set it via constructor.

26
likes
90
points
8
downloads

Publisher

unverified uploader

Weekly Downloads

Time picker sheet library, allows you to have beauty time picker sheet with customable design to align with your requirements.

Repository (GitHub)
View/report issues

Documentation

API reference

License

Apache-2.0 (license)

Dependencies

cupertino_icons, flutter

More

Packages that depend on time_picker_sheet