Instagram Instagram

Smooth Date Picker


Horizontal and vertical date picker in Flutter

How to use

  1. Depend on it
dependencies:
  smoothdatepicker: ^0.0.3
  1. Install it

  2. Import it

import 'package:smoothdatepicker/smoothdatepicker.dart';
  1. You have to call the widget SmoothDatePicker, and customize it by changing the proprieties
SDatePicker(
            scrollDirection: Axis.vertical,
            cardDirection: Axis.horizontal,
            mainColor: Colors.blue,
            secondColor: Colors.yellow,
            onSelectionChanged: (selectedDate){
            print(selectedDate);
            },
          ),

Result

Picker Example

Android

The VIBRATE permission is required in AndroidManifest.xml.

<uses-permission android:name="android.permission.VIBRATE"/>

List of proprieties

  • onSelectionChanged - what to do when the selection changes
  • mainColor - main color of a card
  • secondColor - secondary color of a card(Text)
  • scrollDirection - scroll direction of the picker
  • cardDirection - the card orientation
  • width - width of the picker
  • height - height of the picker
  • diameterRatio - diameterRatio of the picker
  • padding - padding inside the card
  • duration - duration of the animation between selection
  • cardWidth - the width of the card
  • cardHeight - the height of the card

Other combinations

Horizontal scroll with vertical card

Picker Example

Horizontal scroll with horizontal card

Picker Example

Vertical scroll with vertical card

Picker Example

Libraries

smoothdatepicker