Giter VIP home page Giter VIP logo

full_screen_date_picker's Introduction

Full screen date picker

Flutter package that allows you to pick a date using a beautiful full screen UI using one line.

  • ๐ŸŽจ Beautiful full screen UI.
  • ๐Ÿ‘‡ Infinity scrolling.
  • ๐Ÿ”’ Null safe.
  • ๐Ÿค– Android, ๐ŸŽ iOS, ๐ŸŒ Web, ๐Ÿ MacOS, ๐Ÿšช Windows and ๐Ÿง Linux.
  • ๐Ÿ’ช Fully tested.

Screenshots:

Picker screen 17th of june is highlighted

How to use:

1- Add the package to your pubspac.yaml: full_screen_date_picker: any
2- Import it: import 'package:full_screen_date_picker/full_screen_date_picker.dart';
3- Open the page and await its result (be aware that the result might be null):
DateTime selectedDate = await Navigator.push(context, MaterialPageRoute(builder: (_) => FullScreenDatePicker()));
Or if you are using GetX, you can use:
DateTime selectedDate = await Get.to(FullScreenDatePicker());
4- The returned value (which is an instance of DateTime) can be used however you like, here's an example:
DateTime selectedDate = await Get.to(FullScreenDatePicker());
print(DateFormat('d/M/y').format(selectedDate)); // output: 13/06/2021

Please note that you'll have to import the package intl to be able to use the format method presented in the example.

Customization:

1- Add Custom title (default is "Select departure date")

full_screen_date_picker's People

Contributors

omzer avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.