Saturation UIsaturation UI
DocsComponentsBlocks
⌘K

Getting Started

IntroductionInstallationTheming

Components

AccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendarCardChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDropdown MenuEmptyFieldGlow EffectInputInput GroupItemKbdMenubarNovel EditorPaginationProgressive BlurProgressSelectSheetSkeletonSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography

Overtime

A configurable overtime settings component with base hours, overtime rates, and column inclusion options.

Base Hours

Overtime Rate

x
afterhrs
x
afterhrs

Usage

The Overtime component provides a popover interface for configuring overtime settings including base hours, overtime multipliers, and column inclusion options. Click the "Overtime" trigger to open the settings panel.

Features

  • Configure base hours for standard work time
  • Set multiple overtime rate tiers with custom multipliers
  • Multi-select column inclusion (Qty and Multiplier)
  • Add unlimited overtime rate rules
  • Intuitive interface with inline editing

Examples

Interactive Trigger

Click the "Overtime" text to open the settings popover. This is useful when integrating into table headers or other UI elements.