startHour in WeekView Causing Incorrect Display of Quarter Hours

[MDeLuise]

Hi all

Description

I am experiencing an issue with the WeekView widget where the quarter hours are not displayed correctly when the startHour property is set.

Code

Here is the relevant portion of my code:

WeekView(
  controller: widget.env.eventController,
  onPageChange: (date, page) async => _fetchEvents(date),
  showLiveTimeLineInAllDays: true,
  minDay: DateTime(2024),
  heightPerMinute: 1.3,
  showHalfHours: true,
  showQuarterHours: true,
  eventArranger: const SideEventArranger(),
  onEventTap: (events, date) => print(events),
  onEventDoubleTap: (events, date) => print(events),
  onDateLongPress: (date) => print(date),
  startDay: WeekDays.monday,
  //startHour: 7,
  hourIndicatorSettings: HourIndicatorSettings(),
  endHour: 20,
  showVerticalLines: true,
  fullDayHeaderTitle: 'All day',
  fullDayHeaderTextConfig: const FullDayHeaderTextConfig(
    textAlign: TextAlign.center,
    textOverflow: TextOverflow.ellipsis,
    maxLines: 2,
  ),
  keepScrollOffset: true,
)

Problem

The quarter-hour indicators are displayed correctly when the startHour property is not set. However, when I set startHour: 7, the quarter hours are not displayed correctly. They appear to start from 12:15 instead of 7:00.

Visualization

I have attached an image to illustrate the issue:

Steps to Reproduce

1. Use the WeekView widget.
2. Set the startHour property to any value (e.g., startHour: 7).
3. Enable showQuarterHours: true.

Expected Behavior

The quarter-hour indicators should start displaying from the set startHour (e.g., 7:00) and not from 12:15.

Environment

• Flutter version: 3.19.2
• calendar_view version: 1.2.0

[DonnyDevIT]

Same to me. for now I fixed by this until release fix:

Widget _timeLineBuilder(BuildContext context, DateTime date) {
    if (date.minute == 15 || date.minute == 45) {
      date = date.add(Duration(hours: startHour));
      return Stack(
        clipBehavior: Clip.none,
        children: [
          Positioned.fill(
            top: -8,
            right: 8,
            child: Text(
              "${date.hour}:${date.minute}",
              textAlign: TextAlign.right,
              style: TextStyle(
                color: Theme.of(context).colorScheme.onSurface.withAlpha(50),
                fontStyle: FontStyle.italic,
                fontSize: 12,
              ),
            ),
          ),
        ],
      );
    } else if (date.minute == 30) {
      return Stack(
        clipBehavior: Clip.none,
        children: [
          Positioned.fill(
            top: -8,
            right: 8,
            child: Text(
              "${date.hour}:${date.minute}",
              textAlign: TextAlign.right,
              style: TextStyle(
                color: Theme.of(context).colorScheme.onSurface.withAlpha(50),
                fontStyle: FontStyle.italic,
                fontSize: 12,
              ),
            ),
          ),
        ],
      );
    }

    final hour = ((date.hour - 1) % 12) + 1;
    return Stack(
      clipBehavior: Clip.none,
      children: [
        Positioned.fill(
          top: -8,
          right: 8,
          child: Text(
            "$hour ${date.hour ~/ 12 == 0 ? "am" : "pm"}",
            textAlign: TextAlign.right,
          ),
        ),
      ],
    );
  }

[MDeLuise]

Really thanks, I'll try that

[DonnyDevIT]

Any updates to when this will be fixed?

[DonnyDevIT]

Nice!