daynighttimepicker
a day night time picker for flutter. beautiful day and night animation with sun and moon assets.
default style:
ios style:
view it on pub.dev
installation
add to pubspec.yaml.
dependencies:
day_night_time_picker:
usage
to use plugin, just import package
import 'package:day_night_time_picker/day_night_time_picker.dart';
example
flatbutton(
onpressed: () {
navigator.of(context).push(
showpicker(
context: context,
value: _time,
onchange: ontimechanged,
),
);
},
child: text(
"open time picker",
style: textstyle(color: colors.white),
),
),
props
| name | description | default |
|---|---|---|
| value | required display value. it takes in [timeofday]. |
|
| onchange | required return the new time the user picked as [timeofday]. |
|
| onchangedatetime | optional return the new time the user picked as [datetime]. |
|
| is24hrformat | show the time in timepicker in 24 hour format. | false |
| accentcolor | accent color of the timepicker. | theme.of(context).accentcolor |
| unselectedcolor | color applied unselected options (am/pm, hour/minute). | colors.grey |
| canceltext | text displayed for the cancel button. | cancel |
| oktext | text displayed for the ok button. | ok |
| sunasset | image asset used for the sun. | asset provided |
| moonasset | image asset used for the moon. | asset provided |
| blurredbackground | whether to blur the background of the [modal]. | false |
| barriercolor | color of the background of the [modal]. | colors.black45 |
| borderradius | border radius of the [container] in [double]. | 10.0 |
| elevation | elevation of the [modal] in [double]. | 12.0 |
| barrierdismissible | whether clicking outside should dismiss the [modal]. | true |
| iosstylepicker | whether to display a ios style picker (not exactly the same). | false |
| hourlabel | the label to be displayed for hour picker. only for iosstylepicker. |
'hours' |
| minutelabel | the label to be displayed for minute picker. only for iosstylepicker. |
'minutes' |
| minuteinterval | steps interval while changing minute. accepts minuteinterval enum. |
minuteinterval.one |
| disableminute | disables the minute picker. | false |
| disablehour | disables the hour picker. | false |
| minhour | selectable minimum hour. | defaults to 1[12hr] or 0[24hr] |
| maxhour | selectable maximum hour. | defaults to 12[12hr] or 23[24hr] |
| minminute | selectable minimum minute. | 0 |
| maxminute | selectable maximum minute. | 59 |
| displayheader | whether to display the sun moon animation. | true |
| isonvaluechangemode | weather to hide oktext, canceltext and return value on every onvaluechange. only for inline widget | false |
| themedata | themedata to use for the widget. | theme.of(context) |
