Flutter calendar week UI package

Overview

Flutter calendar week

Flutter calendar week UI package

IOS | Android:


import 'package:flutter_calendar_week/flutter_calendar_week.dart';
CalendarWeek(
              controller: CalendarWeekController(),
              height: 100,
              showMonth: true,
              minDate: DateTime.now().add(
                Duration(days: -365),
              ),
              maxDate: DateTime.now().add(
                Duration(days: 365),
              ),
              
              onDatePressed: (DateTime datetime) {
                // Do something
              },
              onDateLongPressed: (DateTime datetime) {
               // Do something
              },
              onWeekChanged: () {
                // Do something
              },
              decorations: [
                DecorationItem(
                    decorationAlignment: FractionalOffset.bottomRight,
                    date: DateTime.now(),
                    decoration: Icon(
                      Icons.today,
                      color: Colors.blue,
                    )),
                DecorationItem(
                    date: DateTime.now().add(Duration(days: 3)),
                    decoration: Text(
                      'Holiday',
                      style: TextStyle(
                        color: Colors.brown,
                        fontWeight: FontWeight.w600,
                      ),
                    )),
              ],
            )
Comments
  • How to programmatically select date?

    How to programmatically select date?

    great library, my only issue is that the selected date on the calendar stays always the same even if I refresh the widget. Is there any way to reset the indicator or to programmatically select a date?

    enhancement 
    opened by albert0m 5
  • Set what day the week starts with

    Set what day the week starts with

    Set what day the week starts with

    I think the title explains my feature request, but here's some more detail: Add a parameter to CalendarWeek to set what day the week showing starts with like this:

    CalendarWeek(
              controller: _controller,
              height: 100,
              minDate: DateTime.now().add(
                Duration(days: -365),
              ),
              maxDate: DateTime.now().add(
                Duration(days: 365),
              ),
             firstWeekDay: DateTime.monday,
    )
    

    So the above code would show the weeks starting mondays.

    opened by Legolaszstudio 4
  • how to get week dates onweekchanged?

    how to get week dates onweekchanged?

    i want to get dates on week changed like from 19-09-2020 to 25-09-2020 in text ,date range i require, so can you pls guide me how can i display in different text??

    enhancement 
    opened by urvashikharecha 1
  • Localizations

    Localizations

    Is there any way I can make month names and day names localizations and to make the week start with Monday? I really want it to be in the language of the current locale settings on the phone.

    I think this might be a great feature.

    Thank you for your help!

    opened by Gyurmatag 1
  • Looking fro a way to know the displayed week has changed

    Looking fro a way to know the displayed week has changed

    Loving the widget - Thanks. I am reasonably new to flutter and would like to understand is there anyway to get a notification when the current week has changed through a UX interaction (user has changed displayed week)

    Thanks

    enhancement 
    opened by chrisn-au 1
  • fix the prsentaiton date is out of min-max date range

    fix the prsentaiton date is out of min-max date range

    if we only want to show 2 weeks range in Calendar Week (e.g:

    minDate: DateTime.now().add(Duration(days: -7),), maxDate: DateTime.now().add(Duration(days: 7),),

    when scrolling reaching end of range, and date is null, it error.. this is just to fix the exception.

    opened by ricocheung 0
  • thank you for the update, that works but only after I opened the calendar.

    thank you for the update, that works but only after I opened the calendar.

    thank you for the update, that works but only after I opened the calendar. I will try to explain all the steps to reproduce this problem:

    • Open the page with the calendar, today is July 3d.
    • I click on July 4th, the _selectedDate is updated and I can draw my content for July 4th.
    • Close the page with the calendar, reopen it.
    • The _selectedDate is July 3rd (today), but the highlighted date is still July 4th, but without drawing my content for July 4th. The loaded content is for the default _selectedDate, July 3rd.

    It looks like it caches the previous click without clearing it when I reload it.

    Originally posted by @albert0m in https://github.com/mduccc/flutter_calendar_week/issues/1#issuecomment-653420162

    bug 
    opened by mduccc 0
  • parameter showMonth is not working correctly

    parameter showMonth is not working correctly

    Regardless of the "showMonth" parameter it will show month in calendar. In the sources I found that this variable in "_CalendarWeekState" named "monthDisplay" is used for condition, but any waymonth the label will be created at method "_week"

    opened by IBunDem 1
  • Calendar disappears with setState

    Calendar disappears with setState

    I'm using the onWeekChangedevent to add some logic & update some variables and if I use the setState function within this event, the calendar disappears. Firstly I thought it was due to my code, but it doesn't seem.

    onWeekChanged: () {
    	setState(() {
    	  // Even with this empty, the calendar will disappear
    	});
    },
    
    opened by PINHOf 4
Calendar widget for flutter that is swipeable horizontally. This widget can help you build your own calendar widget highly customizable.

flutter_calendar_carousel Calendar widget for flutter that is swipeable horizontally. This widget can help you build your own calendar widget highly c

dooboolab 750 Jan 7, 2023
Flutter calendar app. register schedule and manage in calendar ui.

flutter calendar app. register schedule and manage in calendar ui. save schedule data in firestore. and create widget and read schedule from firestore in widget.

akiho 11 Oct 30, 2022
Highly customizable, feature-packed calendar works like google calendar but with more features.

Beca [In Progress] Beca is a Calendar that you could manage your daily tasks and schedule meetings with your friends just like google calendar Concept

Mohammad Javad Hossieni 19 Nov 15, 2022
A Flutter package for using Jalali (Shamsi, Solar, Persian or Jalaali) calendar. You can convert, format and manipulate Jalali and Gregorian (Miladi) dates.

A Flutter package for using Jalali (Shamsi, Solar, Persian or Jalaali) calendar. You can convert, format and manipulate Jalali and Gregorian (Miladi) dates.

Amirreza Madani 63 Dec 21, 2022
Calendar widget for flutter

Calendar Shows a scrolling calendar list of events. This is still relatively basic, it always assumes that the getEvents returns the entire list of ca

null 223 Dec 19, 2022
Highly customizable, feature-packed calendar widget for Flutter

Table Calendar Highly customizable, feature-packed Flutter Calendar with gestures, animations and multiple formats. Table Calendar with custom styles

Aleksander Woźniak 1.5k Jan 7, 2023
Flutter Date Picker Library that provides a calendar as a horizontal timeline.

DatePickerTimeline Flutter Date Picker Library that provides a calendar as a horizontal timeline. How To Use Import the following package in your dart

LiLi 0 Oct 25, 2021
Easy to use and beautiful calendar strip component for Flutter.

Flutter Calendar Strip Easy to use and beautiful calendar strip component for Flutter. Awesome celender widget If this project has helped you out, ple

Siddharth V 176 Dec 14, 2022
Flutter Date Picker Library that provides a calendar as a horizontal timeline

Flutter Date Picker Library that provides a calendar as a horizontal timeline.

Vivek Kaushik 214 Jan 7, 2023
Calendar widget library for Flutter apps.

Calendarro Calendar widget library for Flutter apps. Offers multiple ways to customize the widget. Getting Started Installation Add dependency to your

Adam Styrc 97 Nov 30, 2022
Flutter Inline Calendar

inline_calendar An inline calendar flutter package inspired by outlook app. It also supports Jalali/Shamsi calendar. Uses theme and locale of context

omid habibi 3 Oct 21, 2022
A calendar widget for Flutter.

flutter_calendar A calendar widget for Flutter Apps. Borrowed DateTime utility functions from the Tzolkin Calendar web element. Usage Add to your pubs

AppTree Software, Inc 336 Sep 6, 2022
A seasonal foods calendar app written in Dart using Flutter.

This project is not actively maintained anymore. However, everybody who wants to do so is more than welcome to work on this project! Thank you for you

Andreas Boltres 63 Nov 19, 2022
Collection of customisable calendar related widgets for Flutter.

calendar_views Collection of customisable calendar related widgets for Flutter. Day View Day View Documentation Set of widgets for displaying a day vi

Zen Lednik 99 Sep 8, 2022
CalendarDatePicker2 - A lightweight and customizable calendar picker based on Flutter CalendarDatePicker

A lightweight and customizable calendar picker based on Flutter CalendarDatePicker, with support for single date picker, range picker and multi picker.

Neo Liu 27 Dec 22, 2022
Fluboard - Calendar wall-board-display built with Flutter and ❤️

Fluboard Calendar wall-board-display built with Flutter and ❤️ Goals Build calendar board (DAKBoard alternative) which easy to install and easy to cus

iTeqno 10 Dec 27, 2022
A calendar widget to easily scroll through the years 🗓

Flutter Scrolling Calendar A customizable calendar widget to easily scroll through the years. Features Choose range of years and the initial year to s

Menno Renkens 113 Nov 19, 2022
A Heatmap Calendar based on Github's contributions chart

Flutter Heat Map Calendar A Heat Map Calendar based on Github's contributions chart which can be used to visualize values over time Installing 1. Depe

Pedro H. F. Feitosa 49 Dec 6, 2022
A Flutter package for adding a DateRange widget into a form. A date picker UX is provided by showDateRangePicker.

A Flutter package for adding a DateRange widget into a form. A date picker UX is provided by showDateRangePicker.

JMA Consulting 9 Mar 12, 2022