horizontal_time_picker 1.0.1
horizontal_time_picker: ^1.0.1

Flutter Android iOS web

Easy to use, beautiful and customizable time strip component for Flutter

horizontal_time_picker #

Easy to use, beautiful and customizable time strip component for Flutter

Getting Started #

Features #

  • [x] Custom time range (start & end Time)
  • [x] onTimeSelected, onTimeUnSelectedevents.
  • [x] Support custom ScrollController
  • [x] Custom [TextStyles] for text
  • [x] Custom [TextStyles] for text selected
  • [x] Default time cell Decoration
  • [x] Selected time cell Decoration
  • [x] Disabled time cell Decoration

Properties #

Property NameProperty TypeDescriptionDefault value
TODO

e.g.

                          HorizontalTimePicker(
                            key: UniqueKey(),
                            startTimeInHour: 9,
                            endTimeInHour: 24,
                            dateForTime: DateTime.now(),
                            selectedTimeTextStyle: TextStyle(
                              color: Colors.white,
                              fontFamily: "Helvetica Neue",
                              fontWeight: FontWeight.w300,
                              fontSize: 16,
                              height: 1.0,
                            ),
                            timeTextStyle: TextStyle(
                              color: Colors.black,
                              fontFamily: "Helvetica Neue",
                              fontWeight: FontWeight.w300,
                              fontSize: 16,
                              height: 1.0,
                            ),
                            defaultDecoration: const BoxDecoration(
                              color: Colors.white,
                              border:
                                  Border.fromBorderSide(BorderSide(
                                                            color: Color.fromARGB(255, 151, 151, 151),
                                                            width: 1,
                                                            style: BorderStyle.solid,
                                                          )),
                              borderRadius: BorderRadius.all(Radius.circular(5)),
                            ),
                            selectedDecoration: const BoxDecoration(
                              color: Colors.black,
                              border:
                                  Border.fromBorderSide(BorderSide(
                                                            color: Color.fromARGB(255, 151, 151, 151),
                                                            width: 1,
                                                            style: BorderStyle.solid,
                                                          )),
                              borderRadius: BorderRadius.all(Radius.circular(5)),
                            ),
                            disabledDecoration: const BoxDecoration(
                              color: Colors.black26,
                              border:
                                  Border.fromBorderSide(BorderSide(
                                                            color: Color.fromARGB(255, 151, 151, 151),
                                                            width: 1,
                                                            style: BorderStyle.solid,
                                                          )),
                              borderRadius: BorderRadius.all(Radius.circular(5)),
                            ),
                          ));
5
likes
90
pub points
66%
popularity

Easy to use, beautiful and customizable time strip component for Flutter

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

cr.vivek@gmail.com

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on horizontal_time_picker