Search packages, repositories and app categories

weekly_date_picker cover
Package detailsv1.4.2

weekly_date_picker

A weekly date picker where you can scroll between weeks and select a date.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
385
Likes
87
Pub points
160

Install package

flutter pub add weekly_date_picker

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that provides a scrollable weekly date picker, allowing users to navigate between weeks and select specific dates. It is designed for applications requiring weekly time selection, such as scheduling or planning tools. The picker supports smooth horizontal scrolling through weeks and integrates seamlessly across multiple platforms. It is built with simplicity and usability in mind, offering a clean interface for date interaction.

Use cases

  • Scheduling appointments
  • Planning weekly tasks
  • Tracking weekly events
  • Time-based data entry
  • Calendar-based workflows

Key features

  • Scrollable weekly view
  • Date selection from weekly grid
  • Cross-platform compatibility
  • Smooth navigation between weeks
  • Customizable appearance

Suitable for

  • App developers needing weekly date selection
  • UI designers focused on calendar interactions
  • Applications with recurring weekly planning

Considerations

  • Limited to weekly granularity
  • No built-in localization
  • Requires manual handling of date formatting
  • Not suitable for monthly or yearly views
  • Depends on external styling for theme integration

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Weekly Date Picker

A weekday picker where you can scroll between weeks.

Custom styling

You can remove the week text
Add custom colors
You can also make only the weekdays selectable

Installing

To use this package, add weekly_date_picker as a dependency in your pubspec.yaml file.

Usage

WeeklyDatePicker(
  selectedDay: _selectedDay, // DateTime
  changeDay: (value) => setState(() {
    _selectedDay = value;
  }),
),

How to use custom styling

You can use custom colors and labels by the optional parameters:

  • weekdayText Specifies the weekday text: default is 'Week'
  • weekdays Specifies the weekday strings ['Mon', 'Tue'...]
  • backgroundColor Background color
  • selectedDigitBackgroundColor Color of the selected day circle
  • selectedDigitBorderColor Color of the border of the selected day circle
  • selectedDigitColor Color of the selected digit text
  • digitsColor Color of the unselected digits text
  • weekdayTextColor Is the color of the weekdays 'Mon', 'Tue'...
  • enableWeeknumberText Set to false to hide the weeknumber textfield to the left of the slider
  • weeknumberColor Color of the weekday container
  • weeknumberTextColor Color of the weekday text
  • daysInWeek Specifies the number of weekdays to render, default is 7, so Monday to Sunday

Categories

Dependencies

Dependency list 1 items

Source repository

Projects using this package

No data available yet.