Shadcn.io is not affiliated with official shadcn/ui
Account Notification Schedule
A Slack-style notification schedule grid for React and Next.js with 7-day week view, per-day quiet hours, timezone display, DND master toggle, and quick presets built with shadcn/ui and Tailwind CSS
Build a precise notification delivery schedule with this schedule grid block for React and Next.js. Features a 7-day visual week grid showing active and muted time blocks per day, per-day enable/disable toggles with custom start and end time inputs, a master Do Not Disturb toggle, quick presets for common patterns like weekdays-only and business-hours, and timezone display with offset. Built with TypeScript, shadcn/ui Switch, Button, Badge, and Select components, motion/react entrance animations, and Tailwind CSS. Perfect for team collaboration platforms, SaaS notification settings, and productivity app scheduling interfaces.
Related Components
Account Notifications
Toggle email and push notifications by category
Notification Rules
Conditional notification routing rules
Notification Templates
Customize notification message templates
Time Zone Schedule
Time zone configuration settings
Account Preferences
General account preferences
Email Preferences
Email delivery preferences
FAQ
Was this page helpful?
Sign in to leave feedback.
Notification Rules
A PagerDuty-style notification routing rule builder for React and Next.js with drag-sortable rules, condition builders, multi-channel delivery, and priority badges built with shadcn/ui and Tailwind CSS
Notification Templates
A SendGrid-style notification template manager for React and Next.js with template cards, channel icons, variable tag chips, expandable previews, duplicate and edit actions built with shadcn/ui and Tailwind CSS