{"name":"shoogle","homepage":"https://shoogle.dev","query":"date-range-picker","pagination":{"hasMore":false,"limit":100,"offset":0,"total":100},"items":[{"addCommandArgument":"@cubby-ui/date-range-picker","description":"A date-range-picker component.","name":"cubby-ui/date-range-picker","registry":"@cubby-ui","type":"registry:ui"},{"addCommandArgument":"@hirael/date-range-picker","description":"Dual-month range picker with hover preview, presets, min/max bounds and keyboard nav. Includes an inline DateRangeCalendar, no date library.","name":"hirael/date-range-picker","registry":"@hirael","type":"registry:ui"},{"addCommandArgument":"@neon-ui/date-range-picker","description":"Custom date range picker: mono pill trigger, preset rail, hand-built month grid with range wash.","name":"neon-ui/date-range-picker","registry":"@neon-ui","type":"registry:component"},{"addCommandArgument":"@intentui/date-range-picker","description":"date-range-picker","name":"intentui/date-range-picker","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-date-picker-range","description":"Date Picker Range variant for component.","name":"uiable/uiable-date-picker-range","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@intentui/date-range-picker-example","description":"date-range-picker-example","name":"intentui/date-range-picker-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/date-range-picker-validation-example","description":"date-range-picker-validation-example","name":"intentui/date-range-picker-validation-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/date-range-picker-time-example","description":"date-range-picker-time-example","name":"intentui/date-range-picker-time-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/date-range-picker-disabled-example","description":"date-range-picker-disabled-example","name":"intentui/date-range-picker-disabled-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/date-range-picker-controlled-example","description":"date-range-picker-controlled-example","name":"intentui/date-range-picker-controlled-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@cubby-ui/date-picker","description":"A date-picker component.","name":"cubby-ui/date-picker","registry":"@cubby-ui","type":"registry:ui"},{"addCommandArgument":"@ai2/date-picker","description":"Date field that opens a Calendar in a Popover. Controlled or uncontrolled via value/defaultValue and onValueChange; formats the selected date with date-fns and shows a placeholder when empty.","name":"ai2/date-picker","registry":"@ai2","type":"registry:ui"},{"addCommandArgument":"@hirael/date-picker","description":"Single-date picker with month grid, keyboard nav, min/max bounds and disabled dates. Includes an inline DateCalendar, no date library.","name":"hirael/date-picker","registry":"@hirael","type":"registry:ui"},{"addCommandArgument":"@moduix-react/date-picker","description":"moduix React DatePicker component.","name":"moduix-react/date-picker","registry":"@moduix-react","type":"registry:item"},{"addCommandArgument":"@tailgrids/date-picker","description":"A component to select a date.","name":"tailgrids/date-picker","registry":"@tailgrids","type":"registry:ui"},{"addCommandArgument":"@ui-layouts/date-picker","name":"ui-layouts/date-picker","registry":"@ui-layouts","type":"registry:component"},{"addCommandArgument":"@termcn/date-picker","description":"Calendar date picker with keyboard navigation","name":"termcn/date-picker","registry":"@termcn","type":"registry:ui"},{"addCommandArgument":"@intentui/date-picker","description":"date-picker","name":"intentui/date-picker","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@8bitcn/date-picker","description":"A simple 8-bit date picker component","name":"8bitcn/date-picker","registry":"@8bitcn","type":"registry:component"},{"addCommandArgument":"@intentui/date-range-picker-visible-duration-example","description":"date-range-picker-visible-duration-example","name":"intentui/date-range-picker-visible-duration-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/date-range-picker-custom-validation-example","description":"date-range-picker-custom-validation-example","name":"intentui/date-range-picker-custom-validation-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-8","description":"Calendar with custom modifiers styling selected or special days differently.","name":"shadcnblocks/date-picker-date-picker-standard-8","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-7","description":"Calendar in multiple selection mode for choosing several non-contiguous days.","name":"shadcnblocks/date-picker-date-picker-standard-7","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-6","description":"Calendar that disables weekends or other dates via disabled matcher props.","name":"shadcnblocks/date-picker-date-picker-standard-6","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-5","description":"Calendar with shortcut buttons for Today, Tomorrow, and relative day labels.","name":"shadcnblocks/date-picker-date-picker-standard-5","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-4","description":"Calendar plus hour and minute scroll areas for a full datetime selection.","name":"shadcnblocks/date-picker-date-picker-standard-4","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-3","description":"Side-by-side calendar and time slot list for choosing an appointment datetime.","name":"shadcnblocks/date-picker-date-picker-standard-3","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-2","description":"Calendar with dropdowns to jump month and year without paging month by month.","name":"shadcnblocks/date-picker-date-picker-standard-2","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-1","description":"Popover calendar for selecting a start and end date range in one control.","name":"shadcnblocks/date-picker-date-picker-standard-1","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@ai2/date-picker-tone","description":"Styled date: the Picker-tone set. 5 decorative date variations (InfoDatePicker, SuccessDatePicker, WarningDatePicker, DangerDatePicker, MutedDatePicker) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.","name":"ai2/date-picker-tone","registry":"@ai2","type":"registry:component"},{"addCommandArgument":"@ai2/date-picker-time","description":"Styled date: the Picker-time set. 5 decorative date variations (TimeDatePicker, DateTimeDatePicker, ClockDatePicker, SlotsDatePicker, DurationDatePicker) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.","name":"ai2/date-picker-time","registry":"@ai2","type":"registry:component"},{"addCommandArgument":"@ai2/date-picker-preset","description":"Styled date: the Picker-preset set. 5 decorative date variations (QuickDatePicker, ShortcutsDatePicker, RecentDatePicker, RelativeDatePicker, CustomDatePicker) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.","name":"ai2/date-picker-preset","registry":"@ai2","type":"registry:component"},{"addCommandArgument":"@ai2/date-picker-motion","description":"Styled date: the Picker-motion set. 5 decorative date variations (SlideDatePicker, PopDatePicker, FadeDatePicker, SpringDatePicker, MorphDatePicker) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.","name":"ai2/date-picker-motion","registry":"@ai2","type":"registry:component"},{"addCommandArgument":"@ai2/date-picker-compact","description":"Styled date: the Picker-compact set. 5 decorative date variations (DenseDatePicker, MinimalDatePicker, NarrowDatePicker, InlineCompactDatePicker, BareDatePicker) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.","name":"ai2/date-picker-compact","registry":"@ai2","type":"registry:component"},{"addCommandArgument":"@ai2/date-picker-styled","description":"Styled date: the Picker-styled set. 5 decorative date variations (SimpleDatePicker, RangeDatePicker, GlassDatePicker, InlineDatePicker, IconDatePicker) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.","name":"ai2/date-picker-styled","registry":"@ai2","type":"registry:component"},{"addCommandArgument":"@ai2/date-picker-demo","description":"Usage example for the ai2 date-picker component.","name":"ai2/date-picker-demo","registry":"@ai2","type":"registry:example"},{"addCommandArgument":"@shadcn-dashboard/date-picker-02","description":"A professional appointment booking card with date and time range selection.","name":"shadcn-dashboard/date-picker-02","registry":"@shadcn-dashboard","type":"registry:component"},{"addCommandArgument":"@shadcn-dashboard/date-picker-01","description":"A professional appointment booking card with date and time range selection.","name":"shadcn-dashboard/date-picker-01","registry":"@shadcn-dashboard","type":"registry:component"},{"addCommandArgument":"@termcn/opentui-date-picker","description":"Calendar date picker with keyboard navigation","name":"termcn/opentui-date-picker","registry":"@termcn","type":"registry:ui"},{"addCommandArgument":"@manifest/date-time-picker","description":"A Calendly-style date and time picker with calendar, available time slots, and timezone display.","name":"manifest/date-time-picker","registry":"@manifest","type":"registry:block"},{"addCommandArgument":"@jolyui/date-wheel-picker","name":"jolyui/date-wheel-picker","registry":"@jolyui","type":"registry:ui"},{"addCommandArgument":"@intentui/date-picker-example","description":"date-picker-example","name":"intentui/date-picker-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@shadcnuikit/date-picker-example4","description":"Use cases built with shadcn/ui.","name":"shadcnuikit/date-picker-example4","registry":"@shadcnuikit","type":"registry:block"},{"addCommandArgument":"@shadcnuikit/date-picker-example3","description":"Calendar and date-range pickers with presets like today, last 7 days, this month. Copy these shadcn/ui patterns for filters and booking flows.","name":"shadcnuikit/date-picker-example3","registry":"@shadcnuikit","type":"registry:block"},{"addCommandArgument":"@shadcnuikit/date-picker-example2","description":"Calendar and date-range pickers with presets like today, last 7 days, this month. Copy these shadcn/ui patterns for filters and booking flows.","name":"shadcnuikit/date-picker-example2","registry":"@shadcnuikit","type":"registry:block"},{"addCommandArgument":"@shadcnuikit/date-picker-example1","description":"Calendar and date-range pickers with presets like today, last 7 days, this month. Copy these shadcn/ui patterns for filters and booking flows.","name":"shadcnuikit/date-picker-example1","registry":"@shadcnuikit","type":"registry:block"},{"addCommandArgument":"@spectrumui/datetime-picker-year-range","description":"component for the Datetime Year Range","name":"spectrumui/datetime-picker-year-range","registry":"@spectrumui","type":"registry:component"},{"addCommandArgument":"@coss/p-date-picker-8","description":"Date picker with select-like trigger","name":"coss/p-date-picker-8","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-date-picker-7","description":"Multiple dates picker","name":"coss/p-date-picker-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-date-picker-6","description":"Date picker that closes on select","name":"coss/p-date-picker-6","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-date-picker-5","description":"Date picker with input","name":"coss/p-date-picker-5","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-date-picker-4","description":"Date picker with presets","name":"coss/p-date-picker-4","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-date-picker-3","description":"Date picker with field and dropdown navigation","name":"coss/p-date-picker-3","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-date-picker-9","description":"Two months calendar with range date","name":"coss/p-date-picker-9","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-date-picker-2","description":"Date range picker","name":"coss/p-date-picker-2","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-date-picker-1","description":"Basic date picker","name":"coss/p-date-picker-1","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-15","description":"Multi-date Availability Selector","name":"cnippet/v-date-picker-15","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-14","description":"Birthday Picker with Age Validation","name":"cnippet/v-date-picker-14","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-13","description":"Hotel Stay Range with Duration Shortcuts","name":"cnippet/v-date-picker-13","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-12","description":"Recurring Event Date Picker","name":"cnippet/v-date-picker-12","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-11","description":"Report Period Range with Presets","name":"cnippet/v-date-picker-11","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-10","description":"Task Deadline Reschedule","name":"cnippet/v-date-picker-10","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-9","description":"Delivery Date Selector","name":"cnippet/v-date-picker-9","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-8","description":"Team Meeting Scheduler","name":"cnippet/v-date-picker-8","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-7","description":"Appointment Booking","name":"cnippet/v-date-picker-7","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-6","description":"Auto-close on Select","name":"cnippet/v-date-picker-6","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-5","description":"With Input","name":"cnippet/v-date-picker-5","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-4","description":"With Presets","name":"cnippet/v-date-picker-4","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-3","description":"Dropdown Navigation","name":"cnippet/v-date-picker-3","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-2","description":"Date Range","name":"cnippet/v-date-picker-2","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/v-date-picker-1","description":"Default","name":"cnippet/v-date-picker-1","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@uiable/uiable-date-picker-time","description":"Date Picker Time variant for component.","name":"uiable/uiable-date-picker-time","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-date-picker-neutral","description":"Date Picker Neutral variant for component.","name":"uiable/uiable-date-picker-neutral","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-date-picker-input","description":"Date Picker Input variant for component.","name":"uiable/uiable-date-picker-input","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-date-picker-dob","description":"Date Picker Dob variant for component.","name":"uiable/uiable-date-picker-dob","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-date-picker-disabled","description":"Date Picker Disabled variant for component.","name":"uiable/uiable-date-picker-disabled","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-date-picker-basic","description":"Date Picker Basic variant for component.","name":"uiable/uiable-date-picker-basic","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@jolyui/date-wheel-picker-demo","name":"jolyui/date-wheel-picker-demo","registry":"@jolyui","type":"registry:example"},{"addCommandArgument":"@intentui/date-picker-required-example","description":"date-picker-required-example","name":"intentui/date-picker-required-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/date-picker-disabled-example","description":"date-picker-disabled-example","name":"intentui/date-picker-disabled-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/date-picker-controlled-example","description":"date-picker-controlled-example","name":"intentui/date-picker-controlled-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@shadcn-ui-blocks/application-pro-forms-date-range-form","description":"Date range input with preset chips, from and to fields, a resolved range summary, and a workspace timezone note.","name":"shadcn-ui-blocks/application-pro-forms-date-range-form","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@uiable/uiable-date-picker-natural-language","description":"Date Picker Natural Language variant for component.","name":"uiable/uiable-date-picker-natural-language","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@jolyui/date-wheel-picker-locale-demo","name":"jolyui/date-wheel-picker-locale-demo","registry":"@jolyui","type":"registry:example"},{"addCommandArgument":"@jolyui/date-wheel-picker-sizes-demo","name":"jolyui/date-wheel-picker-sizes-demo","registry":"@jolyui","type":"registry:example"},{"addCommandArgument":"@intentui/date-picker-custom-validation-example","description":"date-picker-custom-validation-example","name":"intentui/date-picker-custom-validation-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@shadcn-ui-blocks/ecommerce-pro-checkouts-delivery-date-picker","description":"Pick the arrival day from real options, same price any day, holidays shown honestly.","name":"shadcn-ui-blocks/ecommerce-pro-checkouts-delivery-date-picker","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@intentui/date","description":"date","name":"intentui/date","registry":"@intentui","type":"registry:lib"},{"addCommandArgument":"@ai2/slider-range","description":"Styled slider: the Range set. 5 decorative slider variations (DualSlider, MinMaxSlider, StepsRangeSlider, LabelsRangeSlider, FillRangeSlider) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.","name":"ai2/slider-range","registry":"@ai2","type":"registry:component"},{"addCommandArgument":"@hirael/number-range","description":"Two-thumb slider paired with synced number inputs. Min/max/step, currency or unit formatting, keyboard-first.","name":"hirael/number-range","registry":"@hirael","type":"registry:ui"},{"addCommandArgument":"@tailgrids/range-calendar","description":"A calendar component for selecting a range of dates.","name":"tailgrids/range-calendar","registry":"@tailgrids","type":"registry:ui"},{"addCommandArgument":"@beui/range-slider","description":"Range slider with tick dots and a bouncy vertical-bar thumb that glides between snapped steps; drag and keyboard control, reduced-motion safe.","name":"beui/range-slider","registry":"@beui","type":"registry:component"},{"addCommandArgument":"@intentui/range-calendar","description":"range-calendar","name":"intentui/range-calendar","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@shadcn-ui-blocks/application-pro-filters-and-search-date-range-panel","description":"Presets beside a two month grid with a highlighted range and the timezone line.","name":"shadcn-ui-blocks/application-pro-filters-and-search-date-range-panel","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@moduix-react/date-input","description":"moduix React DateInput component.","name":"moduix-react/date-input","registry":"@moduix-react","type":"registry:item"},{"addCommandArgument":"@wa-ui/date-separator","description":"WhatsApp-style centered date pill divider for separating messages by date.","name":"wa-ui/date-separator","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@reui/date-selector","name":"reui/date-selector","registry":"@reui","type":"registry:ui"},{"addCommandArgument":"@tailgrids/date-field","description":"A React date field component that lets users input a date.","name":"tailgrids/date-field","registry":"@tailgrids","type":"registry:ui"},{"addCommandArgument":"@intentui/date-field","description":"date-field","name":"intentui/date-field","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@channel3/price-range-gauge","description":"Plots the current price against its historical range as low/typical/high zones with a tick at the current price.","name":"channel3/price-range-gauge","registry":"@channel3","type":"registry:component"}],"totalResults":100,"timestamp":"2026-08-04T11:05:43.177Z"}