day_night_time_picker 1.1.6 copy "day_night_time_picker: ^1.1.6" to clipboard
day_night_time_picker: ^1.1.6 copied to clipboard

A day night time picker for Flutter. Beautiful day and night animation with Sun and Moon assets.

DayNightTimePicker #

All Contributors

A day night time picker for Flutter with Zero Dependencies.

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 #

TextButton(
    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].
onCancel Optional Custom callback for the Cancel button. Note: if provided, it will override the default behavior of the Cancel button.
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
dialogInsetPadding Inset padding of the [Modal] in EdgeInsets. EdgeInsets.symmetric(horizontal: 40.0, vertical: 24.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 Whether to hide okText, cancelText and return value on every onValueChange. Only for Inline widget false
focusMinutePicker Whether or not the minute picker is auto focus/selected. false
themeData ThemeData to use for the widget. Theme.of(context)
okStyle Ok button's text style. const TextStyle(fontWeight: FontWeight.bold)
cancelStyle Cancel button's text style. const TextStyle(fontWeight: FontWeight.bold)
buttonStyle Button's style. If cancelButtonStyle not provided, it applies to ok and cancel buttons. Theme.of(context).colorScheme.secondary
cancelButtonStyle Cancel button style. Theme.of(context).colorScheme.secondary
buttonsSpacing Spacing between cancel and ok buttons. 0
wheelHeight Only for createInlinePicker Height of the Wheel 240
hideButtons Whether to hide the buttons (ok and cancel). false
disableAutoFocusMinuteAfterHour Whether to disable the auto focus to minute after hour is selected. false
width Fixed width of the Picker container. 250
height Fixed height of the Picker container. 400

Notes #

To render an inline widget, use the method: createInlinePicker(). It accepts the same props. #


Contributors #

Thanks goes to these wonderful people:

Subhamay Dutta
Subhamay Dutta

πŸ’» πŸ“–
Andrew Zuo
Andrew Zuo

πŸ’»
Mohammad Odeh
Mohammad Odeh

πŸ’»
Hashem Alayan
Hashem Alayan

πŸ’»
gohdong
gohdong

πŸ’»
nohli
nohli

πŸ’»
sander102907
sander102907

πŸ’»
Sobhan Moradi
Sobhan Moradi

🎨
Omar Dahhane
Omar Dahhane

πŸ’»
Fatih Yaman
Fatih Yaman

🎨
JerryShen
JerryShen

πŸ’»
本倚ε₯也
本倚ε₯也

πŸ’»
Tempelritter
Tempelritter

πŸ’»
Silfalion
Silfalion

πŸ’»
Chengxi Gu
Chengxi Gu

πŸ’»
Saif Billah
Saif Billah

πŸ’»
Mark Szente
Mark Szente

πŸ’»
Juan Carlos RamΓ³n Condezo
Juan Carlos RamΓ³n Condezo

🎨
Chuanyi
Chuanyi

πŸ“–
Leon Schwanitz
Leon Schwanitz

🎨
Liam DeCoste
Liam DeCoste

πŸ›

This project follows the all-contributors specification. Contributions of any kind welcome!


LICENCE #

Copyright 2022 Subhamay Dutta

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
667
likes
0
pub points
97%
popularity

Publisher

verified publishertech3d.site

A day night time picker for Flutter. Beautiful day and night animation with Sun and Moon assets.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on day_night_time_picker