Date Range Filter

A responsive date-range picker with presets and explicit apply behavior.

Library

sv-table

Framework

Svelte

Type

component

License

MIT

Dependencies

@internationalized/date, @lucide/svelte

Install

pnpm dlx shadcn-svelte@latest add https://sv-table.vercel.app/r/date-range-filter.json

Files

• src/lib/components/table/date-range-filter/date-range-filter.svelte
• src/lib/components/table/date-range-filter/index.ts
• src/lib/components/ui/button/index.ts
• src/lib/components/ui/popover/index.ts
• src/lib/components/ui/range-calendar/index.ts
• src/lib/components/ui/separator/index.ts
• src/lib/utils.ts
• src/lib/components/ui/separator/separator.svelte

Source

https://github.com/SikandarJODD/sv-table

Categories

• Date Picker Components
• Tailwind CSS Date Picker Components
• shadcn/ui Date Picker Components
• Date Range Picker Components
• Tailwind CSS Date Range Picker Components
• Input Components
• Svelte Input Components
• Tailwind CSS Input Components
• shadcn/ui Input Components
• Overlay Components
• Svelte Overlay Components
• Tailwind CSS Overlay Components

More from sv-table

• Number Range Filter
• Basic Data Table
• Bulk Actions Bar
• Complex Example
• Custom Filters Example
• Data Grid
• Data Table Column Header
• Data Table Empty
• Data Table Export
• Data Table Faceted Filter
• Data Table Filters Example
• Data Table Loading