pickup_datetime_kh

Description:

pickup datetime kh

Pickup datetime kh library #
Pickup datetime kh is package let's you add pickup or choose datetime and custom
Pickup datetime kh is opensource library developed by Voern Kimsoer with Vann Dev
Features #

Choose or pickup datetime
Custom UI
Support for customizing

Header
Color label
Background color button



Installation #

Add the latest version of package to your pubspec.yaml (and rundart pub get):

dependencies:
pickup_datetime_kh: ^0.0.4
copied to clipboard

Import the package and use it in your Flutter App.

import 'package:pickup_datetime_kh/pickup_datetime_kh.dart';
copied to clipboard
##Customization
The Flutter Custom Datetime Kh can customization include:

backgroundColor: Background color
header: The header to add widget.
initialStartDate: Init datetime start
initialEndDate: Init datetime end
onApplyClick: A callback that will be called when the button is pressed.
onCancelClick : Cancel you don't update datetime
btnLeftBackgroundColor : Background color for left button
btnRightBackgroundColor : Background color for right button
fontFamily : Set font family
radius : Set radius
setValueAuto : Set value auto when disableButton = true
disableButton : for disable button

Example #
For example, to create pickup datetime set value with button apply, you could use the following code:

DateTime? startDate = DateTime.now();
DateTime? endDate = DateTime.now();

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Pickup Datetime Kh"),
),
body: SafeArea(
child: PickUpDateTimeKh(
header: Padding(
padding: const EdgeInsets.symmetric(vertical: 20),
child: Column(
children: [
const Text('Select date range', style: TextStyle(fontSize: 14)),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
Text(startDate != null ? DateFormat('dd MMM yyyy').format(startDate!) : 'Start', style: const TextStyle(fontSize: 18)),
Container(
width: 12,
height: 2,
decoration: BoxDecoration(color: Theme.of(context).iconTheme.color),
),
Text(endDate != null ? DateFormat('dd MMM yyyy').format(endDate!) : 'End', style: const TextStyle(fontSize: 18))
],
),
],
),
),
minimumDate: DateTime(2000),
maximumDate: DateTime.now().add(const Duration(days: 30)),
initialStartDate: startDate,
initialEndDate: endDate,
btnLeftBackgroundColor: Colors.grey,
onApplyClick: (start, end) {
setState(() {
endDate = end;
startDate = start;
});
print("Start Date $startDate");
print("End Date $endDate");
},
btnRightBackgroundColor: Colors.blue,
onCancelClick: () {
setState(() {
endDate = DateTime.now();
startDate = DateTime.now();
});
},
),
),
);
}
copied to clipboard

Example #
For example, to create pickup datetime set value auto, you could use the following code:

DateTime? startDate = DateTime.now();
DateTime? endDate = DateTime.now();

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Pickup Datetime Kh"),
),
body: SafeArea(
child: PickUpDateTimeKh(
header: Padding(
padding: const EdgeInsets.symmetric(vertical: 20),
child: Column(
children: [
const Text('Select date range', style: TextStyle(fontSize: 14)),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
Text(startDate != null ? DateFormat('dd MMM yyyy').format(startDate!) : 'Start', style: const TextStyle(fontSize: 18)),
Container(
width: 12,
height: 2,
decoration: BoxDecoration(color: Theme.of(context).iconTheme.color),
),
Text(endDate != null ? DateFormat('dd MMM yyyy').format(endDate!) : 'End', style: const TextStyle(fontSize: 18))
],
),
],
),
),
minimumDate: DateTime(2000),
maximumDate: DateTime.now().add(const Duration(days: 30)),
initialStartDate: startDate,
initialEndDate: endDate,
disableButton: true,
setValueAuto: (start, end) {
setState(() {
endDate = end;
startDate = start;
});
print("Start Date $startDate");
print("End Date $endDate");
},
),
),
);
}
copied to clipboard