A clean, modern month-view calendar with smooth date-range selection. Tap a start day and an end day to create a pill-style highlight, navigate months with soft arrows, and theme it to match any FlutterFlow project. Lightweight, readable, and built for fast scheduling flows.
Functionality
-
Month view header with previous/next arrows and current month/year.
-
Single day or range selection (start & end with pill connector).
-
Today indicator and optional default selection on load.
-
Min/Max date limits to restrict selectable days.
-
Disabled dates (holidays, past days, blackout periods).
-
First day of week configurable (Mon/Sun) + weekend styling.
-
Event/availability dots (optional) for quick context.
-
Clear/Reset action (optional) to remove the chosen range.
-
Keyboard & tap interactions (mobile/desktop friendly).
-
Theming: accent color, radius, typography, hover/pressed states.
-
Light/Dark support with accessible contrast.
-
Validation hooks (onChange/onConfirm) for forms and flows.
-
Responsive layout for cards, sheets, or full screens.
-
i18n-ready: locale, month/day names, and numeric formats.
Great for: bookings and check-in/out, appointments, rentals, date filters, travel search, promo periods, and any form that needs a simple date range.
Keywords: FlutterFlow calendar, date range picker, date picker, month view, range selection, start date, end date, pill highlight, previous next arrows, today indicator, min max dates, disabled days, blackout dates, availability, event dots, first day of week, weekend style, localization, i18n, validation, onChange, onConfirm, responsive calendar, inline calendar, modal calendar, booking calendar, hotel dates, appointment scheduler, rental dates, filter by date, themable UI, light mode, dark mode, Flutter widget, FlutterFlow component.
Date Range Picker Widget
- Fixed price & scope
- Pixel-perfect UI/UX
- App Store & Google Play submission
You may only use this template for one project. For more details, please read the Marketplace Terms of Service.