Flutter widget form select a date in horizontal timeline with customizable styles.

This widget isn't visible when I tried to run in release mode, all I get is below message in output window.

I/flutter (19247): Unsupported operation: Infinity or NaN toInt I/flutter (19247): #0 State.widget (package:flutter/src/widgets/framework.dart) I/flutter (19247): #1 _PositionedListState._schedulePositionNotificationUpdate. (package:scrollable_positioned_list/src/positioned_list.dart:348) I/flutter (19247): #2 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1145) I/flutter (19247): #3 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1090) I/flutter (19247): #4 SchedulerBinding.scheduleWarmUpFrame. (package:flutter/src/scheduler/binding.dart:863) I/flutter (19247): #12 TickerFuture.whenCompleteOrCancel.thunk (package:flutter/src/scheduler/ticker.dart:407) I/flutter (19247): (elided 10 frames from class _RawReceivePortImpl, class _Timer, and dart:async) I/flutter (19247): Another exception was thrown: Instance of 'DiagnosticsProperty' I/flutter (19247): Another exception was thrown: Instance of 'DiagnosticsProperty'

This seems to be the case even with Example code at https://pub.dev/packages/calendar_timeline/example.

Debug mode works fine without any issues. Any help would be highly appreciated. thanks.

Trying to enhance user experience, I updated the way dates are selected.

Currently a user must select the day last for the "selectedDate" to change. But I've seen that a lot of the times, the user selects the day first and then the month or year, and changes multiple times. And until he selects the day, the new date is not selected. I believe that it is more intuitive that the state of the day or month stays the same, if posible, through the changes. So now:

-If a user selects a day, and then the month. In the new month the preselected day will be chosen.

EXAMPLE: User selects the 29th of jan. Then changes to March, the 29th of March is selected. In the case that the selected month doesn't have that date available(Feb, for example), it will select the first available date of the month. If no day is available, It will keep the previously selected date and fire the function "OnNoAvailableDate", so the developer can choose how to let the user Know that there are no available dates on that month and the last selected date is the current one.

I also added lints to encourage good coding practices and easier development.

Hope It helps as always!, Love this Package ;)

Hi, since version 1.0.2-null-safety.0 I'm facing the following exception.

════════ Exception caught by widgets library ═══════════════════════════════════ The following LocaleDataException was thrown building: Locale data has not been initialized, call initializeDateFormatting().

import 'package:calendar_timeline/calendar_timeline.dart';
import 'package:flutter/material.dart';

class DatePick extends StatefulWidget {
  DatePick({Key? key, required this.date, required this.onChange})
      : super(key: key);
  final DateTime date;
  final Function(DateTime?) onChange;

  @override
  _DatePickState createState() => _DatePickState();
}

class _DatePickState extends State<DatePick> {
  @override
  Widget build(BuildContext context) {
    DateTime currentDate = DateTime.now();
    return CalendarTimeline(
      initialDate: widget.date,
      firstDate: (currentDate).subtract(Duration(days: 21)),
      lastDate: currentDate.add(Duration(days: 21)),
      onDateSelected: widget.onChange,
      leftMargin: 20,
      monthColor: Colors.blueGrey,
      dayColor: Colors.black87,
      activeDayColor: Colors.white,
      activeBackgroundDayColor: Colors.black87,
      dotsColor: Color(0xFF333A47),
      locale: 'de',
    );
  }
}

First, i would like to congratulate you for this package, it's awesome.

When the calendar starts with an initial date, is ok.

when I browse for another month and return to the current date it is no longer selected. this happens with the example.

Tanks, and sorry for my limit english.

If you use DateTime.now() for the date fields such as initialDate, when the calendar reloads it does not keep the currently selected date. I'm guessing it is using the time for the DateTime and not just the date portion.

The following error pops up when trying to run using Flutter 2.0

Error: Cannot run with sound null safety, because the following dependencies
don't support null safety:

 - package:calendar_timeline
 - package:scrollable_positioned_list

For solutions, see https://dart.dev/go/unsound-null-safety

Added the possibility to see the years as an individual row. Simplifying the use for the users when a wide range of dates is available.

Tried to maintain the same aesthetics of the calendar. To use simply pass the [showYears] parameter as true.

Also added comments to help others understand better the inner works of the package and help in its development.

Love the package, great work. Hope you like it and merge it into master.

Using the example, I have set the first day as now() and the last date as 6 months from now. If I scroll right towards the end of the month and press RESET in the example code, the Calendar only scrolls a little bit to the left, not the entire way to the initial date as it was supposed to be. You must press the button several times for it to go back to the initial date.

By the way, great job guys!

Edit: I must hot reload when changing start dates, otherwise the reset button will go crazy. Not sure that's intended, but it's how it behaves apparently.

As discussed previously, here is my contribution that introduces a continuous integration system using GitHub Actions. It uses two workflows created for Flutter based on the ones from Very Good Ventures. I've also added the linter rules that they maintain and fix some code smells that appeared based on those.

Feel free to ping me to change anything or if you prefer a completely different approach. Hopefully this will help the package to maintain its quality over time as new contributors chime in.

PR #47 introduced a new variable to tweak the space that widgets took in the screen. In some widgets it was done as an optional parameter and disabled by default, however, in another ones it was made required without any particular reason, effectively breaking the API of this package without the corresponding major version bump. The change left the tests of this package failing without even compiling and potentially broke builds from application developers using this package.

To avoid a major version bump, this PR homogenizes the behavior of this new variable to the more sane default of making it optional. Also fixes some collateral side effects introduced in #47 like a change in a FontWeight and a height that broke a lot of tests.

To avoid this kind of mistakes in the future, I suggest setting up some kind of CI system that runs automated tests & lints. I can make a contribution with that improvement if you want.

I am getting below warning message 👉

Warning: Operand of null-aware operation '!' has type 'SchedulerBinding' which excludes null

• 'SchedulerBinding' is from 'package:flutter/src/scheduler/binding.dart' ('/C:/Users/sinno/flutter/packages/flutter/lib/src/scheduler/binding.dart'). package:flutter/…/scheduler/binding.dart:1 SchedulerBinding.instance!.addPostFrameCallback((_) {

Is there a way to have the calendar stop at the last day available? If I only have 7 days enabled for example it allows the user to scroll past the last day and they just see nothing.