Shadcn.io is not affiliated with official shadcn/ui
Settings Timezone Calendar
Animated React timezone and calendar settings block for Next.js with working hours grid, week start day, holiday management, and date format preferences built with shadcn/ui, Tailwind CSS, and framer-motion
Configure timezone and calendar preferences with this React and Next.js settings block. Set your timezone, define working hours per day, choose week start day, manage public holidays, and select date and time formats. Built with TypeScript, shadcn/ui Select, Switch, Input, and Button, Tailwind CSS, and framer-motion staggered animations.
Related Components
Profile Settings
Name, email, bio, and avatar management
Time Tracking
Rounding rules and billing defaults
Notification Settings
Email, push, and SMS notification preferences
Support Widget
Widget availability hours and position
Usage Limits
Per-resource limits and overage policies
Custom User Fields
Custom profile field management
FAQ
Was this page helpful?
Sign in to leave feedback.
Time Tracking
Animated React time tracking settings block for Next.js with rounding rules, billable hour defaults, overtime configuration, and approval workflows built with shadcn/ui, Tailwind CSS, and framer-motion
Transfer Ownership
Animated React ownership transfer settings block for Next.js with new owner search, role comparison, confirmation steps, and transfer countdown built with shadcn/ui, Tailwind CSS, and framer-motion