date_ranger

Package Overview

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

DateRanger is a Flutter package that provides an intuitive date picker for selecting single dates or date ranges across multiple platforms. It supports Android, iOS, Web, macOS, Windows, and Linux, making it ideal for cross-platform applications requiring flexible date input. The picker features clean, customizable UI components and seamless integration with existing Flutter forms. It enables users to easily navigate calendars and choose date intervals with minimal code. Designed for developers seeking a reliable, consistent date selection experience without platform-specific complexities.

Use cases

Selecting single dates in forms
Choosing date ranges for bookings
Filtering data by date intervals
Scheduling events
Creating date-based analytics dashboards

Key features

Supports single date and range selection
Cross-platform compatibility
Customizable UI
Easy integration with Flutter forms
Built-in navigation and styling options

Suitable for

Cross-platform Flutter apps
Booking and scheduling systems
Data filtering interfaces
Calendar-based applications
Form-heavy user workflows

Considerations

Requires Flutter SDK 2.0 or higher
Limited customization beyond basic styling
No built-in localization support
May require additional setup for complex date logic
Depends on external GitHub repository for updates

Original README

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

Date Ranger

A date picker for flutter apps to pick single dates and date ranges

Usage

To use this package first add the dependency to you [pubspec.yaml] file

dependencies:
  flutter:
    sdk: flutter
  date_ranger:

Example

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

class TestPack extends StatefulWidget {
  @override
  _TestPackState createState() => _TestPackState();
}

class _TestPackState extends State<TestPack> {
  var initialDate = DateTime.now();
  var initialDateRange =
      DateTimeRange(start: DateTime.now(), end: DateTime.now());

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Container(),
        Padding(
          padding: const EdgeInsets.all(24),
          child:  DateRanger(
          initialRange: initialDateRange,
          onRangeChanged: (range) {
            setState(() {
              initialDateRange = range;
            });
          },
        ),
        )
      ],
    ));
  }
}

Features

Layout-agnostic: Conforms to any width by calculating its height internally
Simple architecture: Built with default flutter architecture without depending on other state management packages
Highly customisable: Almost every thing can be changed including dimensions since dimensions are adjusted internally
Picker types: You can swap between a regular date picker and a date range picker easily.

Search categories, packages and repositories

Install package