web_date_picker

The Web date picker provides a date picker rendering library for web application development.

Based on React date picker.

https://user-images.githubusercontent.com/52229424/124374073-5c958100-dcc2-11eb-8e71-d0bbdf903c43.mp4

Installation

In the dependencies: section of your pubspec.yaml, add the following line:

dependencies:
  web_date_picker: <latest_version>

Usage

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: GestureDetector(
        onTap: () {
          FocusScope.of(context).requestFocus(FocusNode());
        },
        child: Scaffold(
          body: Center(
            child: WebDatePicker(
              onChange: (value) {
              },
            ),
          ),
        ),
      ),
    );
  }
}

Libraries

web_date_picker