# New Component: Date Range Picker β€” Now on the Marketplace! πŸŽ‰ **URL:** \ **Category:** Info & Announcements\ **Created:** [April 7, 2026, 2:17pm UTC](https://forum.adalo.com/t/new-component-date-range-picker-now-on-the-marketplace/66193 "2026-04-07T14:17:40Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![AKyle](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/akyle/32/37056_2.png) [@AKyle](https://forum.adalo.com/u/AKyle)\ **Post date:** [April 7, 2026, 2:17pm UTC](https://forum.adalo.com/t/new-component-date-range-picker-now-on-the-marketplace/66193/1 "2026-04-07T14:17:40Z")
Hey Adalo Community! πŸ‘‹ I’m excited to share a new component that’s now available on the Adalo Marketplace: ## Date Range Picker **A clean date range picker β€” tap to open, select your range, tap the header to jump months or years** ![date-range-picker-hero-banner](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/7/2/724e1265f7ade1c32e9945ca1a0ae269c70c4ae2.jpeg) Let users pick a start and end date from a visual calendar. Tap a date field to open the calendar, select a range with visual highlighting, and tap the month/year header to quickly jump to any date. Outputs both dates via Magic Text. Supports 12 languages. ### Key Features βœ… Start Date and End Date fields β€” tap to open the calendar βœ… Visual range highlighting between selected dates βœ… Month/year header navigation β€” tap to pick any month or year βœ… Selected Start Date and Selected End Date available as Magic Text (formValue) βœ… Default Start Date and Default End Date props β€” pre-fill from Magic Text or leave blank βœ… Customizable separator icon and color between date fields βœ… 12 languages: Arabic, Chinese, English, French, German, Hindi, Japanese, Polish, Portuguese, Spanish, Russian, Swedish βœ… Earliest/latest selectable date constraints βœ… Minimum and maximum range day limits (1–365) βœ… Active field border highlights which date the calendar is selecting βœ… Customizable colors for range, today indicator, fields, and calendar cells βœ… On Range Selected, On Range Cleared, and On Start Date Selected actions βœ… Works on Web, iOS, and Android ### Perfect For β€’ Hotel booking date filters β€’ Vacation rental check-in/check-out β€’ Report date range selectors β€’ Event planning date selection β€’ Leave request forms β€’ Appointment booking flows ### How to Get It 1. Open your Adalo app editor 2. Click the **+** button to open the Add Components panel 3. Browse **Marketplace Components** or search for β€œDate Range Picker” 4. Click to add it to your app β€” done! If you have any questions or feedback, drop a comment below. I’d love to hear how you’re using it! πŸš€ ---
**Author:** ![Eugen](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/eugen/32/25382_2.png) [@Eugen](https://forum.adalo.com/u/Eugen)\ **Post date:** [April 7, 2026, 4:02pm UTC](https://forum.adalo.com/t/new-component-date-range-picker-now-on-the-marketplace/66193/3 "2026-04-07T16:02:39Z")
Swedish, but not Italian? Bruh 😭 ---
**Author:** ![AKyle](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/akyle/32/37056_2.png) [@AKyle](https://forum.adalo.com/u/AKyle)\ **Post date:** [April 7, 2026, 4:16pm UTC](https://forum.adalo.com/t/new-component-date-range-picker-now-on-the-marketplace/66193/4 "2026-04-07T16:16:31Z")
Refresh your builder, Italian should be there now! ---
**Author:** ![Eugen](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/eugen/32/25382_2.png) [@Eugen](https://forum.adalo.com/u/Eugen)\ **Post date:** [April 7, 2026, 5:07pm UTC](https://forum.adalo.com/t/new-component-date-range-picker-now-on-the-marketplace/66193/5 "2026-04-07T17:07:56Z")
That’s super ❀ ---
**Author:** ![diegozane](https://avatars.discourse-cdn.com/v4/letter/d/9dc877/32.png) [@diegozane](https://forum.adalo.com/u/diegozane)\ **Post date:** [May 6, 2026, 12:20pm UTC](https://forum.adalo.com/t/new-component-date-range-picker-now-on-the-marketplace/66193/7 "2026-05-06T12:20:07Z")
Hey @AKyle, I’m having an issue with the date range picker not scaling to full screen even with the correct layout settings. Similar issue to what was happening with Calendar Pro (recently fixed) @Dilon Thanks ---
**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\ **Post date:** [May 6, 2026, 3:01pm UTC](https://forum.adalo.com/t/new-component-date-range-picker-now-on-the-marketplace/66193/8 "2026-05-06T15:01:25Z")
@diegozane, could you check again and let here know? Thank you and have a great day! ---
**Author:** ![diegozane](https://avatars.discourse-cdn.com/v4/letter/d/9dc877/32.png) [@diegozane](https://forum.adalo.com/u/diegozane)\ **Post date:** [May 7, 2026, 12:06am UTC](https://forum.adalo.com/t/new-component-date-range-picker-now-on-the-marketplace/66193/9 "2026-05-07T00:06:24Z")
Working now, thanks.