persian_datepicker 0.1.1 persian_datepicker: ^0.1.1 copied to clipboard
A persian ( farsi ) datepicker for flutter
Persian Datepicker #
A persian ( farsi ) datepicker for flutter. This package is using jalaali package as it's dependency
Installation #
Depend on it
dependencies:
persian_datepicker: ^0.1.1
Install it
flutter packages get
Import it
import 'package:persian_datepicker/persian_datepicker.dart';
Usage #
A simple example which has a column and two text fields inside it
first TextField
is simple datepicker
second TextField
is range datepicker
I used GestureDetector
to prevent opening Keyboard
while tapping on TextField
s
main.dart
import 'package:persian_datepicker/persian_datepicker.dart';
...
Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
GestureDetector(
onTap: () {},
child: Container(
child: TextField(
onTap: () { FocusScope.of(context).requestFocus(new FocusNode());
showModalBottomSheet(context: context, builder: (BuildContext context) {
return PersianDatePicker(controller: textEditingController,);
});
},
controller: textEditingController,
),
),
),
GestureDetector(
onTap: () {},
child: Container(
child: TextField(
onTap: () { FocusScope.of(context).requestFocus(new FocusNode());
showModalBottomSheet(context: context, builder: (BuildContext context) {
return PersianDatePicker(controller: rangeTextEditingController, rangeSelector: true,);
});
},
controller: rangeTextEditingController,
),
),
)
],
)
...
HOW IT LOOKS #
Simple Datepicker
Range Datepicker
You can find the full example in Git Repository