feat(time-picker): added timepicker emcn component, added to playground, added searchable prop for dropdown, added more timezones for schedule, updated license and notice date

[waleedlatif1]

Summary

• added timepicker emcn component, added to playground
• added searchable prop for dropdown, updated to only show search when there are 5+ operations or when its explicitly requested in the dropdown subblock
• added more timezones for schedule
• updated license and notice dates to 2025

Type of Change

• New feature

Testing

N/A

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Review	Updated (UTC)
docs	Skipped		Jan 3, 2026 2:42am

[greptile-apps]

Greptile Summary

This PR introduces a new EMCN TimePicker component and integrates it into the schedule workflow editor, along with improvements to dropdown searchability and timezone options.

Key Changes:

• Created reusable TimePicker component following EMCN design patterns with CVA variants, proper accessibility (keyboard navigation, ARIA attributes), and bidirectional 12h/24h time conversion
• Refactored time-input.tsx from 149 lines to 20 lines by replacing custom implementation with new TimePicker component
• Added searchable prop to Dropdown component with smart defaults: automatically shows search for operation dropdowns with 5+ options or when explicitly requested
• Extended timezone list in schedule block from 13 to 28 timezones, covering major cities across Americas, Europe, Middle East, Africa, Asia, and Pacific regions
• Improved getTimezoneAbbreviation() utility to use Intl.DateTimeFormat for accurate DST-aware abbreviations
• Cleaned up code: removed unused lastRanAt parameter from calculateNextRunTime(), removed redundant comments
• Updated LICENSE and NOTICE copyright dates to 2025

Confidence Score: 5/5

• This PR is safe to merge with minimal risk
• All changes follow established patterns, improve code quality through reusability and maintainability, and include appropriate testing infrastructure (playground examples). The new TimePicker component adheres to EMCN design system conventions, the refactoring reduces code duplication significantly, and utility improvements enhance timezone handling. No breaking changes or security concerns identified.
• No files require special attention

Important Files Changed

Filename	Overview
apps/sim/components/emcn/components/time-picker/time-picker.tsx	New EMCN TimePicker component added following design system patterns with CVA variants, proper accessibility, and 12h/24h conversion
apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/time-input/time-input.tsx	Refactored to use new TimePicker component, removing 140+ lines of duplicate logic and simplifying to wrapper
apps/sim/blocks/blocks/schedule.ts	Added searchable prop to timezone dropdown and expanded timezone list from 13 to 28 options covering major global cities
apps/sim/lib/workflows/schedules/utils.ts	Cleaned up comments, removed unused lastRanAt parameter, improved timezone abbreviation function to use Intl API for DST handling

Sequence Diagram

sequenceDiagram
    participant User
    participant TimeInput
    participant TimePicker
    participant Popover
    participant SubBlockStore

    User->>TimeInput: Interact with time input
    TimeInput->>SubBlockStore: Get current value (useSubBlockValue)
    SubBlockStore-->>TimeInput: Return stored time (24h format)
    
    TimeInput->>TimePicker: Render with value prop
    TimePicker->>TimePicker: parseTime(value) - convert 24h to 12h
    
    User->>TimePicker: Click trigger
    TimePicker->>Popover: setOpen(true)
    Popover-->>TimePicker: Display popover content
    
    User->>TimePicker: Adjust hour/minute/AM/PM
    TimePicker->>TimePicker: formatStorageTime() - convert 12h to 24h
    TimePicker->>TimeInput: onChange(newValue)
    TimeInput->>SubBlockStore: setStoreValue(newValue)
    SubBlockStore-->>TimeInput: Value updated
    
    Note over TimePicker,SubBlockStore: Value stored in 24h format (HH:mm)<br/>Displayed in 12h format with AM/PM

Loading