feat: Fixes issue #383: ✨ Add action on tap of timestamp in day & wee…

…k view
SimformSolutionsPvtLtd · Nov 5, 2024 · 658284e · 658284e
1 parent 982747f
commit 658284e
Show file tree

Hide file tree

Showing 8 changed files with 48 additions and 8 deletions.
diff --git a/example/lib/widgets/day_view_widget.dart b/example/lib/widgets/day_view_widget.dart
@@ -25,6 +25,12 @@ class DayViewWidget extends StatelessWidget {
       hourIndicatorSettings: HourIndicatorSettings(
         color: Theme.of(context).dividerColor,
       ),
+      onTimestampTap: (date) {
+        SnackBar snackBar = SnackBar(
+          content: Text("On tap: ${date.hour} Hr : ${date.minute} Min"),
+        );
+        ScaffoldMessenger.of(context).showSnackBar(snackBar);
+      },
       onEventTap: (events, date) {
         Navigator.of(context).push(
           MaterialPageRoute(

diff --git a/example/lib/widgets/week_view_widget.dart b/example/lib/widgets/week_view_widget.dart
@@ -20,6 +20,12 @@ class WeekViewWidget extends StatelessWidget {
         color: Colors.redAccent,
         showTime: true,
       ),
+      onTimestampTap: (date) {
+        SnackBar snackBar = SnackBar(
+          content: Text("On tap: ${date.hour} Hr : ${date.minute} Min"),
+        );
+        ScaffoldMessenger.of(context).showSnackBar(snackBar);
+      },
       onEventTap: (events, date) {
         Navigator.of(context).push(
           MaterialPageRoute(

diff --git a/lib/src/components/_internal_components.dart b/lib/src/components/_internal_components.dart
@@ -147,6 +147,8 @@ class TimeLine extends StatefulWidget {
   /// This will display time string in timeline.
   final DateWidgetBuilder timeLineBuilder;
 
+  final TimestampCallback? onTimestampTap;
+
   /// Flag to display half hours.
   final bool showHalfHours;
 
@@ -175,6 +177,7 @@ class TimeLine extends StatefulWidget {
     required this.height,
     required this.timeLineOffset,
     required this.timeLineBuilder,
+    required this.onTimestampTap,
     this.startHour = 0,
     this.showHalfHours = false,
     this.showQuarterHours = false,
@@ -287,6 +290,14 @@ class _TimeLineState extends State<TimeLine> {
     required int hour,
     int minutes = 0,
   }) {
+    final dateTime = DateTime(
+      TimeLine._date.year,
+      TimeLine._date.month,
+      TimeLine._date.day,
+      hour,
+      minutes,
+    );
+
     return Visibility(
       visible: !((_currentTime.minute >= 45 && _currentTime.hour == hour - 1) ||
               (_currentTime.minute <= 15 && _currentTime.hour == hour)) ||
@@ -300,14 +311,13 @@ class _TimeLineState extends State<TimeLine> {
         child: Container(
           height: widget.hourHeight,
           width: widget.timeLineWidth,
-          child: widget.timeLineBuilder.call(
-            DateTime(
-              TimeLine._date.year,
-              TimeLine._date.month,
-              TimeLine._date.day,
-              hour,
-              minutes,
-            ),
+          child: InkWell(
+            onTap: () {
+              if (widget.onTimestampTap != null) {
+                widget.onTimestampTap!(dateTime);
+              }
+            },
+            child: widget.timeLineBuilder.call(dateTime),
           ),
         ),
       ),

diff --git a/lib/src/day_view/_internal_day_view_page.dart b/lib/src/day_view/_internal_day_view_page.dart
@@ -133,6 +133,8 @@ class InternalDayViewPage<T extends Object?> extends StatefulWidget {
   /// Flag to keep scrollOffset of pages on page change
   final bool keepScrollOffset;
 
+  final TimestampCallback? onTimestampTap;
+
   /// Defines a single day page.
   const InternalDayViewPage({
     Key? key,
@@ -172,6 +174,7 @@ class InternalDayViewPage<T extends Object?> extends StatefulWidget {
     required this.quarterHourIndicatorSettings,
     required this.emulateVerticalOffsetBy,
     required this.onTileDoubleTap,
+    required this.onTimestampTap,
     this.keepScrollOffset = false,
   }) : super(key: key);
 
@@ -325,6 +328,7 @@ class _InternalDayViewPageState<T extends Object?>
                       key: ValueKey(widget.heightPerMinute),
                       liveTimeIndicatorSettings:
                           widget.liveTimeIndicatorSettings,
+                      onTimestampTap: widget.onTimestampTap,
                     ),
                     if (widget.showLiveLine &&
                         widget.liveTimeIndicatorSettings.height > 0)

diff --git a/lib/src/day_view/day_view.dart b/lib/src/day_view/day_view.dart
@@ -158,6 +158,8 @@ class DayView<T extends Object?> extends StatefulWidget {
   /// initial offset.
   final double? scrollOffset;
 
+  final TimestampCallback? onTimestampTap;
+
   /// This method will be called when user taps on event tile.
   final CellTapCallback<T>? onEventTap;
 
@@ -273,6 +275,7 @@ class DayView<T extends Object?> extends StatefulWidget {
     this.onEventDoubleTap,
     this.endHour = Constants.hoursADay,
     this.keepScrollOffset = false,
+    this.onTimestampTap,
   })  : assert(!(onHeaderTitleTap != null && dayTitleBuilder != null),
             "can't use [onHeaderTitleTap] & [dayTitleBuilder] simultaneously"),
         assert(timeLineOffset >= 0,
@@ -467,6 +470,7 @@ class DayViewState<T extends Object?> extends State<DayView<T>> {
                             hourIndicatorSettings: _hourIndicatorSettings,
                             hourLinePainter: _hourLinePainter,
                             date: date,
+                            onTimestampTap: widget.onTimestampTap,
                             onTileTap: widget.onEventTap,
                             onTileLongTap: widget.onEventLongTap,
                             onDateLongPress: widget.onDateLongPress,

diff --git a/lib/src/typedefs.dart b/lib/src/typedefs.dart
@@ -70,6 +70,8 @@ typedef DatePressCallback = void Function(DateTime date);
 
 typedef DateTapCallback = void Function(DateTime date);
 
+typedef TimestampCallback = void Function(DateTime date);
+
 typedef EventFilter<T extends Object?> = List<CalendarEventData<T>> Function(
     DateTime date, List<CalendarEventData<T>> events);
 

diff --git a/lib/src/week_view/_internal_week_view_page.dart b/lib/src/week_view/_internal_week_view_page.dart
@@ -160,6 +160,8 @@ class InternalWeekViewPage<T extends Object?> extends StatefulWidget {
   /// Flag to keep scrollOffset of pages on page change
   final bool keepScrollOffset;
 
+  final TimestampCallback? onTimestampTap;
+
   /// A single page for week view.
   const InternalWeekViewPage({
     Key? key,
@@ -202,6 +204,7 @@ class InternalWeekViewPage<T extends Object?> extends StatefulWidget {
     required this.emulateVerticalOffsetBy,
     required this.onTileDoubleTap,
     required this.endHour,
+    required this.onTimestampTap,
     this.fullDayHeaderTitle = '',
     required this.fullDayHeaderTextConfig,
     required this.scrollListener,
@@ -470,6 +473,7 @@ class _InternalWeekViewPageState<T extends Object?>
                       liveTimeIndicatorSettings:
                           widget.liveTimeIndicatorSettings,
                       endHour: widget.endHour,
+                      onTimestampTap: widget.onTimestampTap,
                     ),
                     if (widget.showLiveLine &&
                         widget.liveTimeIndicatorSettings.height > 0)

diff --git a/lib/src/week_view/week_view.dart b/lib/src/week_view/week_view.dart
@@ -149,6 +149,8 @@ class WeekView<T extends Object?> extends StatefulWidget {
   /// Scroll offset of week view page.
   final double scrollOffset;
 
+  final TimestampCallback? onTimestampTap;
+
   /// Called when user taps on event tile.
   final CellTapCallback<T>? onEventTap;
 
@@ -302,6 +304,7 @@ class WeekView<T extends Object?> extends StatefulWidget {
     this.fullDayHeaderTitle = '',
     this.fullDayHeaderTextConfig,
     this.keepScrollOffset = false,
+    this.onTimestampTap,
   })  : assert(!(onHeaderTitleTap != null && weekPageHeaderBuilder != null),
             "can't use [onHeaderTitleTap] & [weekPageHeaderBuilder] simultaneously"),
         assert((timeLineOffset) >= 0,
@@ -523,6 +526,7 @@ class WeekViewState<T extends Object?> extends State<WeekView<T>> {
                             liveTimeIndicatorSettings:
                                 _liveTimeIndicatorSettings,
                             timeLineBuilder: _timeLineBuilder,
+                            onTimestampTap: widget.onTimestampTap,
                             onTileTap: widget.onEventTap,
                             onTileLongTap: widget.onEventLongTap,
                             onDateLongPress: widget.onDateLongPress,