date_text_input_formatter 0.0.2 date_text_input_formatter: ^0.0.2 copied to clipboard
Package to format date on textfield/textformfield while typing.
import 'package:flutter/material.dart';
import 'package:date_text_input_formatter/date_text_input_formatter.dart';
import 'package:flutter/services.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Date Text Input Formatter'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
TextEditingController _controller = TextEditingController();
@override
void initState() {
_controller = TextEditingController();
super.initState();
}
@override
void dispose() {
_controller.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Padding(
padding: const EdgeInsets.all(35.0),
child: TextField(
controller: _controller,
keyboardType: TextInputType.datetime,
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
),
labelText: "Date",
hintText: "25-11-2001",
),
inputFormatters: <TextInputFormatter>[
DateTextInputFormatter(delimiter: "-", format: [dd, mm, yyyy])
],
),
),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.clear),
onPressed: () => setState(() => _controller.clear()),
),
);
}
}