flutter_weekday_selector 0.0.12 copy "flutter_weekday_selector: ^0.0.12" to clipboard
flutter_weekday_selector: ^0.0.12 copied to clipboard

This package will provide flutter developer a quick way to make a week day selection functionality.

example/lib/main.dart

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_weekday_selector/flutter_weekday_selector.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Week Day Selector with Controller',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List<String> daysSelected = [];
  WeekDaySelectorController weekDaySelectorController =
      WeekDaySelectorController();
  WeekDaySelectorController weekDaySelectorController2 =
      WeekDaySelectorController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: const Text("Flutter Week Day Selector with Controller"),
      ),
      body: Center(
        child: Column(
          children: [
            const Padding(
              padding: EdgeInsets.all(8.0),
              child: Text("Select Week Days - Example shape circle"),
            ),
            WeekDaySelector(
              controller: weekDaySelectorController,
              width: 300,
              height: 50,
              shape: BoxShape.circle,
              weekDayStart: WeekDayName.sunday,
              onSubmitted: (day) {
                if (kDebugMode) {
                  print(
                      "${day.name} is ${day.isSelected ? 'selected' : 'unselected'}");
                }
                setState(() {
                  if (day.isSelected) {
                    daysSelected.add(day.name);
                  } else {
                    daysSelected.remove(day.name);
                  }
                });
              },
            ),
            Text("selected days: ${daysSelected.join(", ")}"),
            const SizedBox(
              height: 20,
            ),
            Center(
              child: SizedBox(
                width: 500,
                child: Divider(
                  color: Theme.of(context).colorScheme.onSurface,
                ),
              ),
            ),
            const SizedBox(
              height: 20,
            ),
            const Padding(
              padding: EdgeInsets.all(8.0),
              child: Text(
                  "Select Week Days - Example shape rectangle & start on sunday"),
            ),
            WeekDaySelector(
              controller: weekDaySelectorController2,
              width: 300,
              height: 100,
              shape: BoxShape.rectangle,
              weekDayStart: WeekDayName.monday,
              onSubmitted: (day) {
                if (kDebugMode) {
                  print(
                      "${day.name} is ${day.isSelected ? 'selected' : 'unselected'}");
                }
              },
            ),
            const SizedBox(
              height: 20,
            ),
            Row(
              children: [
                const Spacer(),
                TextButton(
                    onPressed: () {
                      weekDaySelectorController2.setSaturday(isSelected: true);
                      weekDaySelectorController2.setSunday(isSelected: true);
                    },
                    child: const Text("select weekend")),
                TextButton(
                    onPressed: () {
                      weekDaySelectorController2.setSaturday(isSelected: false);
                      weekDaySelectorController2.setSunday(isSelected: false);
                    },
                    child: const Text("unselect weekend")),
                const Spacer()
              ],
            ),
            const SizedBox(
              height: 20,
            ),
            Center(
              child: SizedBox(
                width: 500,
                child: Divider(
                  color: Theme.of(context).colorScheme.onSurface,
                ),
              ),
            ),
          ],
        ),
      ),
      // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}
5
likes
150
points
153
downloads

Publisher

unverified uploader

Weekly Downloads

This package will provide flutter developer a quick way to make a week day selection functionality.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on flutter_weekday_selector