mirror of
https://github.com/Iconica-Development/flutter_date_time_picker.git
synced 2025-05-19 02:43:50 +02:00
fixed theme issues
This commit is contained in:
parent
3752adcb7e
commit
533b8ff0b0
6 changed files with 125 additions and 123 deletions
|
@ -31,7 +31,21 @@ class DatePickerDemo extends StatelessWidget {
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return DateTimePicker(
|
return DateTimePicker(
|
||||||
dateTimePickerTheme: const DateTimePickerTheme(),
|
dateTimePickerTheme: const DateTimePickerTheme(
|
||||||
|
markedIndicatorColor: Colors.red,
|
||||||
|
selectedTheme: DateBoxSelectedTheme(
|
||||||
|
Color(0x4BF44336),
|
||||||
|
TextStyle(
|
||||||
|
color: Colors.red,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
highlightTheme: DateBoxHighlightTheme(
|
||||||
|
Colors.red,
|
||||||
|
TextStyle(
|
||||||
|
color: Colors.white,
|
||||||
|
),
|
||||||
|
)),
|
||||||
|
markedDates: [DateTime(2022, 9, 6)],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,6 +7,7 @@ import 'package:flutter_date_time_picker/src/widgets/month_date_time_picker.dart
|
||||||
import 'package:flutter_date_time_picker/src/widgets/week_date_time_picker/week_date_time_picker_sheet.dart';
|
import 'package:flutter_date_time_picker/src/widgets/week_date_time_picker/week_date_time_picker_sheet.dart';
|
||||||
import 'package:intl/date_symbol_data_local.dart';
|
import 'package:intl/date_symbol_data_local.dart';
|
||||||
|
|
||||||
|
class DateTimePicker extends StatefulWidget {
|
||||||
/// A widget that displays a date picker from a sheet form the top of the screen.
|
/// A widget that displays a date picker from a sheet form the top of the screen.
|
||||||
/// This sheet displays initially displays a week but can be dragged down to show a full month.
|
/// This sheet displays initially displays a week but can be dragged down to show a full month.
|
||||||
/// Both views can be dragged sideways to show the next or previous week/month.
|
/// Both views can be dragged sideways to show the next or previous week/month.
|
||||||
|
@ -107,7 +108,6 @@ import 'package:intl/date_symbol_data_local.dart';
|
||||||
/// ),
|
/// ),
|
||||||
/// ),
|
/// ),
|
||||||
///```
|
///```
|
||||||
class DateTimePicker extends StatefulWidget {
|
|
||||||
DateTimePicker({
|
DateTimePicker({
|
||||||
this.dateTimePickerTheme = const DateTimePickerTheme(),
|
this.dateTimePickerTheme = const DateTimePickerTheme(),
|
||||||
this.header,
|
this.header,
|
||||||
|
|
|
@ -61,13 +61,6 @@ class MonthDateTimePicker extends StatelessWidget {
|
||||||
? null
|
? null
|
||||||
: () async {
|
: () async {
|
||||||
TimeOfDay? timeOfDay;
|
TimeOfDay? timeOfDay;
|
||||||
// await dateTimePickerController.getDragController().animateTo(
|
|
||||||
// 0.26,
|
|
||||||
// duration: const Duration(
|
|
||||||
// milliseconds: 350,
|
|
||||||
// ),
|
|
||||||
// curve: Curves.ease,
|
|
||||||
// );
|
|
||||||
|
|
||||||
DateTime selectedDate = DateTime(
|
DateTime selectedDate = DateTime(
|
||||||
date.year,
|
date.year,
|
||||||
|
@ -131,7 +124,9 @@ class MonthDateTimePicker extends StatelessWidget {
|
||||||
width: monthDateBoxSize / 4,
|
width: monthDateBoxSize / 4,
|
||||||
height: monthDateBoxSize / 4,
|
height: monthDateBoxSize / 4,
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: Theme.of(context).indicatorColor,
|
color: dateTimePickerController
|
||||||
|
.theme.markedIndicatorColor ??
|
||||||
|
Theme.of(context).indicatorColor,
|
||||||
borderRadius: BorderRadius.circular(
|
borderRadius: BorderRadius.circular(
|
||||||
(monthDateBoxSize / 4) * 2),
|
(monthDateBoxSize / 4) * 2),
|
||||||
),
|
),
|
||||||
|
|
|
@ -30,10 +30,8 @@ class MonthDateTimePickerSheet extends StatelessWidget {
|
||||||
DateFormat.yMMMM().format(
|
DateFormat.yMMMM().format(
|
||||||
dateTimePickerController.browsingDate,
|
dateTimePickerController.browsingDate,
|
||||||
),
|
),
|
||||||
style: Theme.of(context)
|
style: dateTimePickerController.theme.baseTheme.textStyle!
|
||||||
.textTheme
|
.copyWith(fontSize: 25),
|
||||||
.headlineMedium!
|
|
||||||
.copyWith(color: Colors.black),
|
|
||||||
),
|
),
|
||||||
SizedBox(
|
SizedBox(
|
||||||
width: MediaQuery.of(context).size.width,
|
width: MediaQuery.of(context).size.width,
|
||||||
|
|
|
@ -38,13 +38,6 @@ class WeekDateTimePicker extends StatelessWidget {
|
||||||
? null
|
? null
|
||||||
: () async {
|
: () async {
|
||||||
TimeOfDay? timeOfDay;
|
TimeOfDay? timeOfDay;
|
||||||
// await dateTimePickerController.getDragController().animateTo(
|
|
||||||
// 0.26,
|
|
||||||
// duration: const Duration(
|
|
||||||
// milliseconds: 350,
|
|
||||||
// ),
|
|
||||||
// curve: Curves.ease,
|
|
||||||
// );
|
|
||||||
|
|
||||||
DateTime selectedDate = date.daysOfWeek()[index];
|
DateTime selectedDate = date.daysOfWeek()[index];
|
||||||
|
|
||||||
|
@ -62,7 +55,8 @@ class WeekDateTimePicker extends StatelessWidget {
|
||||||
)) {
|
)) {
|
||||||
showDialog(
|
showDialog(
|
||||||
context: context,
|
context: context,
|
||||||
builder: (context) => dateTimePickerController.wrongTimeDialog!,
|
builder: (context) =>
|
||||||
|
dateTimePickerController.wrongTimeDialog!,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -89,7 +83,7 @@ class WeekDateTimePicker extends StatelessWidget {
|
||||||
date.daysOfWeek().elementAt(index),
|
date.daysOfWeek().elementAt(index),
|
||||||
)
|
)
|
||||||
.toUpperCase()[0],
|
.toUpperCase()[0],
|
||||||
style: Theme.of(context).textTheme.titleSmall,
|
style: dateTimePickerController.theme.baseTheme.textStyle,
|
||||||
),
|
),
|
||||||
const Spacer(),
|
const Spacer(),
|
||||||
Container(
|
Container(
|
||||||
|
|
|
@ -45,7 +45,8 @@ class WeekDateTimePickerSheet extends StatelessWidget {
|
||||||
if (showHeader) ...[
|
if (showHeader) ...[
|
||||||
Text(
|
Text(
|
||||||
getDateHeader(),
|
getDateHeader(),
|
||||||
style: Theme.of(context).textTheme.headlineSmall,
|
style: dateTimePickerController.theme.baseTheme.textStyle!
|
||||||
|
.copyWith(fontSize: 9),
|
||||||
),
|
),
|
||||||
const SizedBox(
|
const SizedBox(
|
||||||
height: 10,
|
height: 10,
|
||||||
|
|
Loading…
Reference in a new issue