@capillarytech/blaze-ui 5.20.0 → 5.22.0

package/CapDateRangePicker/README.md

@@ -1,159 +0,0 @@
-# CapDateRangePicker
-
-A wrapper component around Ant Design's DatePicker.RangePicker that provides consistent styling, timezone support, and a simplified API for date range selection in Capillary applications.
-
-## Migration from react-dates to Ant Design v6
-
-This component has been **completely rewritten** — the underlying library changed from `react-dates` (Airbnb) to `antd-v5` (Ant Design v6) `DatePicker.RangePicker`.
-
-### Breaking Changes
-
-#### 1. Library Change
-
-| Before | After |
-|--------|-------|
-| `react-dates` (Airbnb) | `antd-v5` DatePicker.RangePicker |
-| Moment.js | Day.js |
-| Class component with internal state | Functional component (stateless) |
-| `react-dates/initialize` + CSS import | No separate initialization needed |
-
-#### 2. API Changes
-
-| Old API (react-dates) | New API (antd v6) | Status | Migration Guide |
-|-----------------------|-------------------|--------|-----------------|
-| `initialStartDate` / `initialEndDate` | `defaultValue: [Dayjs, Dayjs]` | Deprecated | Use `defaultValue` with Dayjs array |
-| `onDatesChange({startDate, endDate})` | `onChange([start, end], [str1, str2])` | Changed | Callback shape changed |
-| `focusedInput` / `onFocusChange` | `open` / `onOpenChange` | Deprecated | Antd manages focus internally |
-| `showCalendarOnly` | N/A | Deprecated | Limited support via CSS |
-| `allowYearNavigation` | N/A | Deprecated | Built-in in antd RangePicker |
-| `hideCalendar` | `open={false}` | Deprecated | Use `open` prop directly |
-| `isDayBlocked` | `disabledDate` | Deprecated | Use `disabledDate` |
-| `customInputIcon` | `suffixIcon` | Deprecated | Use `suffixIcon` |
-| `customArrowIcon` | `separator` | Deprecated | Use `separator` |
-| `displayFormat` | `format` | Deprecated | Use `format` |
-| `rootClass` | `getPopupContainer` | Deprecated | Use `getPopupContainer` |
-| `dropdownClassName` | `popupClassName` | Deprecated | Use `popupClassName` |
-| `dropdownStyle` | `popupStyle` | Deprecated | Use `popupStyle` |
-| `getCalendarContainer` | `getPopupContainer` | Deprecated | Use `getPopupContainer` |
-| `minimumNights` | `disabledDate` | Deprecated | Implement via `disabledDate` |
-| `autoFocusEndDate` | `autoFocus` | Deprecated | Use `autoFocus` |
-| `minDate` (string) | `minDate` (Dayjs) / `disabledDate` | Deprecated | Use `disabledDate` or `minDate` |
-
-#### 3. Date Library Migration
-
-The component now uses Day.js instead of Moment.js:
-
-```javascript
-// Before (moment)
-import moment from 'moment-timezone';
-<CapDateRangePicker
-  initialStartDate={moment('2024-01-01')}
-  initialEndDate={moment('2024-01-31')}
-  onChange={(dates) => console.log(dates)} // dates = [momentStart, momentEnd]
-/>
-
-// After (dayjs)
-import dayjs from '@dayjs';
-<CapDateRangePicker
-  defaultValue={[dayjs('2024-01-01'), dayjs('2024-01-31')]}
-  onChange={(dates, dateStrings) => console.log(dates, dateStrings)}
-/>
-```
-
-**Note:** The component maintains backward compatibility for Moment.js objects passed as props — they are automatically converted to Dayjs internally. However, callbacks will always return Dayjs objects.
-
-### Backward Compatibility
-
-All deprecated props still work with deprecation warnings in development:
-
-- **`initialStartDate` / `initialEndDate`**: Mapped to `defaultValue` array
-- **`onFocusChange`**: Mapped to `onOpenChange`
-- **`isDayBlocked`**: Merged into `disabledDate`
-- **`customInputIcon`**: Mapped to `suffixIcon`
-- **`customArrowIcon`**: Mapped to `separator`
-- **`displayFormat`**: Mapped to `format`
-- **`dropdownClassName`**: Mapped to `popupClassName`
-- **`dropdownStyle`**: Mapped to `popupStyle`
-- **`getCalendarContainer`**: Mapped to `getPopupContainer`
-- **`showCalendarOnly`**: Supported via CSS (hides input, keeps picker open)
-- **`hideCalendar`**: Mapped to `open={false}`
-- **`allowYearNavigation`**: No-op (built-in in antd)
-- **`autoFocusEndDate`**: Mapped to `autoFocus`
-
-### Style Changes
-
-**Approach**: The component uses CSS Modules with design tokens:
-- All react-dates CSS overrides removed (no longer relevant)
-- CSS Modules classes for component-specific styles (timezone footer)
-- Shared `datePickerCommon.scss` for common DatePicker styling patterns
-- Design tokens via `$CAP_*` variables and `getCapThemeConfig` DatePicker section
-
-### Timezone Footer
-
-The timezone footer is preserved from the original implementation:
-
-```tsx
-<CapDateRangePicker
-  showTimezone
-  timezone="Asia/Kolkata"
-  onChange={(dates) => console.log(dates)}
-/>
-// Footer shows: "Asia/Kolkata (UTC+05:30)"
-```
-
-### What Stayed the Same
-
-- Timezone footer display
-- Custom icon support (calendar suffix icon, separator)
-- Size variants (small, default, large)
-- ComponentWithLabelHOC integration
-- Default date format (`DD MMM YYYY`)
-
-### What Changed
-
-- **Removed**: react-dates dependency, PropTypes, class component, internal state management
-- **Added**: TypeScript types, CSS Modules, Day.js support, deprecation warnings
-- **Updated**: Import from `antd-v5` DatePicker.RangePicker
-- **Updated**: Moment.js → Day.js (with automatic backward conversion)
-
-## Usage
-
-```tsx
-import CapDateRangePicker from '@capillarytech/blaze-ui/components/CapDateRangePicker';
-import dayjs from '@dayjs';
-
-function MyComponent() {
-  const [dates, setDates] = useState<[dayjs.Dayjs | null, dayjs.Dayjs | null] | null>(null);
-
-  return (
-    <CapDateRangePicker
-      value={dates}
-      onChange={(newDates) => setDates(newDates)}
-      size="large"
-      timezone="America/New_York"
-      showTimezone
-      format="DD MMM YYYY"
-      popupClassName="my-custom-popup"
-    />
-  );
-}
-```
-
-## Props
-
-See `types.ts` for complete prop definitions. Key props:
-
-- `value`: `[Dayjs | null, Dayjs | null] | null`
-- `defaultValue`: `[Dayjs | null, Dayjs | null] | null`
-- `onChange`: `(dates, dateStrings) => void`
-- `size`: `'small' | 'default' | 'large'` (default: `'large'`)
-- `timezone`: Timezone string (default: `'UTC'`)
-- `showTimezone`: Whether to show timezone footer (default: `false`)
-- `format`: Date format string (default: `'DD MMM YYYY'`)
-- `popupClassName`: Custom class for popup
-- `popupStyle`: Custom style for popup
-- `getPopupContainer`: Container for popup
-- `suffixIcon`: Custom suffix icon
-- `separator`: Custom separator between date inputs
-- `disabledDate`: Function to disable specific dates
-- `renderExtraFooter`: Render extra footer in calendar panel

package/CapDateTimePicker/README.md

@@ -1,136 +0,0 @@
-# CapDateTimePicker
-
-A wrapper around Ant Design's DatePicker with `showTime` support, timezone-aware date parsing, and a consistent API for datetime selection in Capillary applications.
-
-## Migration from Ant Design v3 to v6
-
-### Breaking Changes
-
-#### 1. API Changes
-
-| v3 API | v6 API | Status | Migration Guide |
-|--------|--------|--------|-----------------|
-| `dateRender` | `cellRender` | Deprecated | Replace `dateRender` with `cellRender`. Backward compatibility maintained. |
-| `dropdownClassName` | `popupClassName` | Deprecated | Replace `dropdownClassName` with `popupClassName`. Backward compatibility maintained. |
-| `dropdownStyle` | `popupStyle` | Deprecated | Replace `dropdownStyle` with `popupStyle`. Backward compatibility maintained. |
-| `getCalendarContainer` | `getPopupContainer` | Deprecated | Replace `getCalendarContainer` with `getPopupContainer`. Backward compatibility maintained. |
-| `open` | `popupOpen` | Deprecated | Replace `open` with `popupOpen`. Backward compatibility maintained. |
-| `onOpenChange` | `onPopupOpenChange` | Deprecated | Replace `onOpenChange` with `onPopupOpenChange`. Backward compatibility maintained. |
-| `showToday` | N/A | Deprecated | This prop is deprecated. Today button behavior is now handled internally by Ant Design. Backward compatibility maintained but discouraged. |
-| `renderExtraFooter` | Custom Panel | Deprecated | This prop is discouraged. Consider using custom panel components instead. Backward compatibility maintained but discouraged. |
-
-#### 2. Date Library Migration
-
-The component continues to support both Moment.js and Day.js objects for backward compatibility:
-
-- **Props accepting dates**: `value` now accepts `Dayjs | Moment | string | null`
-- **Callbacks returning dates**: `onChange` returns the same type as the input (`Dayjs` if `Dayjs` was passed, `Moment` if `Moment` was passed)
-
-**Migration Path for Consumers:**
-```javascript
-// Before (moment) - still works
-import moment from 'moment-timezone';
-<CapDateTimePicker
-  value={moment('2024-01-15 10:30')}
-  onChange={(momentObj) => console.log(momentObj.format())}
-/>
-
-// After (dayjs) - preferred
-import dayjs from '@dayjs';
-<CapDateTimePicker
-  value={dayjs('2024-01-15 10:30')}
-  onChange={(dayjsObj) => console.log(dayjsObj.format())}
-/>
-```
-
-### Backward Compatibility
-
-All deprecated props still work but log a warning in development:
-
-- **`dateRender`**: Still works but mapped to `cellRender` internally. Use `cellRender` instead.
-- **`dropdownClassName`**: Still works. Use `popupClassName` instead.
-- **`dropdownStyle`**: Still works. Use `popupStyle` instead.
-- **`getCalendarContainer`**: Still works. Use `getPopupContainer` instead.
-- **`open`**: Still works. Use `popupOpen` instead.
-- **`onOpenChange`**: Still works. Use `onPopupOpenChange` instead.
-- **`showToday`**: Still works but is deprecated.
-- **`renderExtraFooter`**: Still works but is discouraged.
-
-### Style Changes
-
-The SCSS file (`styles.scss`) targets v3 class names (`.ant-calendar-*`) and is preserved as-is in this migration pass. Full SCSS migration to v6 class names (`.ant-picker-*`) will be done in a subsequent pass.
-
-**Theme config**: `DatePicker.cellHoverBg` added to `getCapThemeConfig.ts` to control date cell hover background color.
-
-### Code Improvements
-
-1. **Removed PropTypes**: Replaced with TypeScript interfaces in `types.ts`
-2. **Removed defaultProps**: Default values moved to function argument destructuring
-3. **Using deprecation warning utility**: `logDeprecationWarning` for consistent warnings
-4. **Type safety**: Full TypeScript support with proper Dayjs/Moment union types
-5. **Backward compatibility**: All deprecated props mapped using nullish coalescing (`??`)
-
-### What Stayed the Same
-
-- `injectIntl` HOC pattern for i18n (no consumer-facing change)
-- Timezone-aware date parsing logic
-- Internal open/close state management for OK button behavior
-- `showTime` config with timezone-aware `defaultValue`
-- Calendar icon suffix
-- `okText` from i18n messages
-
-### What Changed
-
-- **Updated**: Import from `antd-v5` (v6 compatible)
-- **Removed**: `import 'antd/lib/date-picker/style/css'`
-- **Removed**: PropTypes dependency
-- **Removed**: `defaultProps` assignment
-- **Updated**: Multiple deprecated props migrated to v6 API (with backward compatibility)
-- **Added**: `cellRender` support (v6 replacement for `dateRender`)
-- **Added**: `popupClassName`, `popupStyle`, `getPopupContainer`, `popupOpen`, `onPopupOpenChange`
-
-## Usage
-
-```tsx
-import CapDateTimePicker from '@capillarytech/blaze-ui/components/CapDateTimePicker';
-import dayjs from '@dayjs';
-
-function MyComponent() {
-  const [date, setDate] = useState(null);
-
-  return (
-    <CapDateTimePicker
-      value={date}
-      onChange={(newDate) => setDate(newDate)}
-      timezone="Asia/Kolkata"
-      showTime={{ format: 'HH:mm' }}
-      format="DD-MM-YYYY | HH:mm"
-      popupClassName="my-custom-popup"
-    />
-  );
-}
-```
-
-## Props
-
-See `types.ts` for complete prop definitions. Key props:
-
-- `value`: `Dayjs | Moment | string | null`
-- `onChange`: `(value: Dayjs | Moment | null, dateString: string) => void`
-- `timezone`: Timezone string (default: `'Asia/Kolkata'`)
-- `showTime`: `boolean | { format?: string }` (default: `{ format: 'HH:mm' }`)
-- `format`: Date format string (default: `'DD-MM-YYYY | HH:mm'`)
-- `cellRender`: Custom cell renderer (v6 API)
-- `popupClassName`: Custom class for popup (v6 API)
-- `popupStyle`: Custom style for popup (v6 API)
-- `getPopupContainer`: Container for popup (v6 API)
-- `popupOpen`: Whether popup is open (v6 API)
-- `onPopupOpenChange`: Callback when popup open state changes (v6 API)
-- `dateRender`: Deprecated — use `cellRender` instead
-- `dropdownClassName`: Deprecated — use `popupClassName` instead
-- `dropdownStyle`: Deprecated — use `popupStyle` instead
-- `getCalendarContainer`: Deprecated — use `getPopupContainer` instead
-- `open`: Deprecated — use `popupOpen` instead
-- `onOpenChange`: Deprecated — use `onPopupOpenChange` instead
-- `showToday`: Deprecated — handled internally by Ant Design
-- `renderExtraFooter`: Deprecated — consider custom panel components

package/CapDateTimeRangePicker/README.md

@@ -1,243 +0,0 @@
-# CapDateTimeRangePicker
-
-Migrated from `cap-ui-library` (antd v3 + moment.js) to `blaze-ui` (antd v6 + dayjs).
-
-A comprehensive date and time range picker component with timezone support, locked date modes, and intelligent default time handling.
-
-## Breaking Changes (v3 → v6)
-
-| v3 API | v6 API | Notes |
-|--------|--------|-------|
-| `dropdownClassName` | `popupClassName` | Backward compatible via fallback |
-| `getCalendarContainer` | `getPopupContainer` | Backward compatible via fallback |
-| `dateRender` | `cellRender` | Signature changed: `(current, info) => ReactNode` |
-| Moment.js values | Dayjs values | Auto-detected: moment values are converted internally |
-| `.ant-calendar-*` CSS classes | `.ant-picker-*` CSS classes | SCSS fully rewritten |
-
-## Backward Compatibility
-
-| Deprecated Prop | Replacement | Fallback |
-|----------------|-------------|----------|
-| `dropdownClassName` | `popupClassName` | `popupClassName ?? dropdownClassName` |
-| `getCalendarContainer` | `getPopupContainer` | `getPopupContainer ?? getCalendarContainer` |
-| `dateRender` | `cellRender` | Legacy `dateRender` wrapped with capture handlers |
-| `dropdownStyle` | `popupStyle` | `popupStyle ?? dropdownStyle` |
-
-All deprecated props log a development-only console warning.
-
-## Moment.js Compatibility
-
-The component auto-detects when consumers pass moment.js values:
-- Moment values in `value` prop are converted to dayjs internally
-- Results returned via `onChange` are converted back to moment format
-
-## Props
-
-### Core Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `value` | `[DateValue, DateValue]` | `undefined` | Current date range value. Accepts Dayjs, Moment, or ISO strings. |
-| `onChange` | `(result: CapDateTimeRangePickerOnChangeResult) => void` | `() => {}` | Callback fired when the date range is confirmed. Returns `{ start, end, startTime, endTime }`. |
-| `timezone` | `string` | `'UTC'` | Timezone string (e.g., 'America/New_York'). All dates are converted to this timezone. |
-| `format` | `string` | `'DD-MM-YYYY \| HH:mm'` | Display format for the date/time string. |
-| `showTime` | `boolean \| Record<string, unknown>` | `{ format: 'HH:mm' }` | Whether to show time selection alongside dates. Can be an object with format options. |
-| `showNow` | `boolean` | `true` | Whether to show the "Now" button. Automatically disabled when dates are locked. |
-| `placeholder` | `[string, string]` | `['Start Date', 'End Date']` | Placeholder text as `[startPlaceholder, endPlaceholder]`. |
-| `className` | `string` | `undefined` | Additional class name for the picker input. |
-| `disabledDate` | `(current: dayjs.Dayjs) => boolean` | `() => false` | Function to determine if a date is disabled. |
-| `disabledTime` | `RangePickerProps['disabledTime']` | `undefined` | Function to determine if specific times are disabled. |
-| `disabledDateRanges` | `Array<{ start: DateValue; end: DateValue }>` | `undefined` | Array of disabled date ranges. Each range specifies a start and end date that should be disabled. |
-
-### Locked Date Mode Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `disableStartDate` | `boolean` | `false` | Whether the start date is locked and cannot be changed. Enables one-click range selection. |
-| `disableEndDate` | `boolean` | `false` | Whether the end date is locked and cannot be changed. Enables one-click range selection. |
-| `disabledStartDateText` | `string` | `'Start date is disabled...'` | Custom tooltip text when start date is disabled. |
-| `disabledEndDateText` | `string` | `'End date is disabled...'` | Custom tooltip text when end date is disabled. |
-| `disabledBothDatesText` | `string` | `'Both start and end dates are disabled'` | Custom tooltip text when both dates are disabled. |
-
-### Customization Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `cellRender` | `RangePickerProps['cellRender']` | `undefined` | Custom cell render function (v6 API). Signature: `(current, info) => ReactNode`. |
-| `suffixIcon` | `React.ReactNode` | `<CapIcon type="calendar" />` | Custom suffix icon for the picker input. |
-| `separator` | `React.ReactNode` | `<CapIcon type="forward-arrow" />` | Custom separator between start and end inputs. |
-| `popupClassName` | `string` | `undefined` | Custom class name for the popup/dropdown (v6 API). |
-| `popupStyle` | `React.CSSProperties` | `undefined` | Custom style for the popup/dropdown (v6 API). |
-| `getPopupContainer` | `(triggerNode: HTMLElement) => HTMLElement` | `undefined` | Function returning the container node for the popup (v6 API). |
-| `showTimezoneRow` | `boolean` | `true` | Whether to show the timezone row in the footer. |
-| `todayButtonText` | `string` | `'Today'` | Text for the Today button. |
-| `onTodaySelect` | `(dates: [dayjs.Dayjs, dayjs.Dayjs]) => void` | `() => {}` | Callback fired when the Today button is clicked. |
-| `allowClearSelection` | `boolean` | `true` | Whether to allow clearing the selection. |
-| `allowClearSelectionText` | `string` | `undefined` | Custom text for the clear selection button. |
-
-### Deprecated Props
-
-| Prop | Type | Replacement | Notes |
-|------|------|-------------|-------|
-| `dropdownClassName` | `string` | `popupClassName` | Logs deprecation warning |
-| `dropdownStyle` | `React.CSSProperties` | `popupStyle` | Logs deprecation warning |
-| `getCalendarContainer` | `(triggerNode: HTMLElement) => HTMLElement` | `getPopupContainer` | Logs deprecation warning |
-| `dateRender` | `(current: dayjs.Dayjs) => React.ReactNode` | `cellRender` | Logs deprecation warning |
-
-## Features
-
-### Locked Date Modes
-
-When `disableStartDate` or `disableEndDate` is enabled, the component enters a locked date mode:
-
-- **One-click selection**: Clicking a date immediately selects the range (locked start + clicked end, or clicked start + locked end)
-- **Input focus management**: Automatically focuses the unlocked input and prevents interaction with the locked input
-- **Visual feedback**: Locked inputs are visually dimmed and show tooltips explaining the locked state
-- **Smart constraints**: Disabled dates are automatically adjusted based on locked dates (end cannot be before locked start, start cannot be after locked end)
-- **Today button**: Automatically adjusts to respect locked dates when selecting today's range
-
-### Default Time Handling
-
-The component intelligently handles default times:
-
-- **Today's date**: If the selected start date is today, uses the current time instead of midnight
-- **Past dates**: Uses midnight (00:00:00) for start dates
-- **End dates**: Uses end of day (23:59:59) for end dates when different from start date
-- **Midnight detection**: Automatically detects when times are at midnight and applies appropriate defaults
-
-### Timezone Support
-
-- All dates are converted to the specified `timezone`
-- Timezone label is displayed in the footer (can be hidden with `showTimezoneRow={false}`)
-- Format: `{timezone} (UTC{offset})` (e.g., "America/New_York (UTC-05:00)")
-
-### onChange Result Shape
-
-The `onChange` callback receives an object with:
-
-```typescript
-{
-  start: dayjs.Dayjs | Moment | null;  // Same type as input (auto-detected)
-  end: dayjs.Dayjs | Moment | null;    // Same type as input (auto-detected)
-  startTime: string | null;             // ISO string
-  endTime: string | null;               // ISO string
-}
-```
-
-## Non-Tokenizable Overrides
-
-The following antd class overrides use `:global` in `styles.scss` with `// OVERRIDE:` comments:
-
-| Override | Reason |
-|----------|--------|
-| `.ant-picker-ok { display: none }` | Component uses custom Confirm button |
-| `.ant-picker-now { display: none }` | Component uses custom Today button |
-| `.ant-picker-cell-inner { border-radius: 50% }` | Round date cells; no per-cell radius token |
-| `.ant-picker-cell-in-range` styling | Custom in-range appearance with rounded edges |
-| Month/year/decade panel selection colors | No dedicated panel selection color tokens |
-| Time panel `text-transform: capitalize` | No text-transform token |
-| Locked panel dimming (`.cap-cal-lock-start`, `.cap-cal-lock-end`) | Custom feature with no antd token support |
-| Footer layout (`display: contents`, flex) | Custom footer button arrangement |
-
-## Design Tokens
-
-DatePicker tokens are configured in `getCapThemeConfig.ts`:
-
-```typescript
-DatePicker: {
-  colorTextPlaceholder: styledVars.CAP_G05,
-  colorBorder: styledVars.CAP_G06,
-  colorPrimaryHover: styledVars.CAP_G06,
-  colorBgContainer: styledVars.CAP_WHITE,
-  colorBgElevated: styledVars.CAP_WHITE,
-  controlItemBgHover: styledVars.CAP_COLOR_08,
-  colorTextDisabled: styledVars.CAP_G06,
-  activeBorderColor: styledVars.CAP_G06,
-  activeShadow: 'transparent',
-}
-```
-
-## Usage
-
-### Basic Usage
-
-```tsx
-import CapDateTimeRangePicker from 'blaze-ui/components/CapDateTimeRangePicker';
-
-<CapDateTimeRangePicker
-  timezone="America/New_York"
-  showTime={{ format: 'HH:mm' }}
-  format="DD-MM-YYYY | HH:mm"
-  onChange={({ start, end, startTime, endTime }) => {
-    console.log(start, end, startTime, endTime);
-  }}
-/>
-```
-
-### Locked Start Date
-
-```tsx
-<CapDateTimeRangePicker
-  value={[lockedStartDate, null]}
-  disableStartDate={true}
-  timezone="UTC"
-  onChange={({ start, end }) => {
-    // start will always be lockedStartDate
-    // end will be the selected date
-  }}
-/>
-```
-
-### Locked End Date
-
-```tsx
-<CapDateTimeRangePicker
-  value={[null, lockedEndDate]}
-  disableEndDate={true}
-  timezone="America/New_York"
-  disabledEndDateText="End date is fixed"
-  onChange={({ start, end }) => {
-    // start will be the selected date
-    // end will always be lockedEndDate
-  }}
-/>
-```
-
-### Custom Cell Rendering
-
-```tsx
-<CapDateTimeRangePicker
-  cellRender={(current, info) => {
-    if (info.type === 'date') {
-      // Custom rendering for date cells
-      return <span className="custom-date">{current.date()}</span>;
-    }
-    return info.originNode;
-  }}
-/>
-```
-
-### Without Timezone Display
-
-```tsx
-<CapDateTimeRangePicker
-  showTimezoneRow={false}
-  timezone="UTC"
-  onChange={({ start, end }) => {
-    // Timezone row hidden in footer
-  }}
-/>
-```
-
-### Custom Placeholders and Icons
-
-```tsx
-<CapDateTimeRangePicker
-  placeholder={['From', 'To']}
-  suffixIcon={<CustomIcon />}
-  separator={<span>→</span>}
-  onChange={({ start, end }) => {
-    // Custom UI elements
-  }}
-/>
-```

package/CapDivider/README.md

@@ -1,122 +0,0 @@
-# CapDivider
-
-A divider component for separating content sections.
-
-## Migration from cap-ui-library
-
-### Summary of Changes
-
-CapDivider has been migrated from cap-ui-library to blaze-ui with minimal breaking changes. The component now uses Ant Design v6 APIs while maintaining backward compatibility with deprecated props.
-
-### Prop Changes
-
-#### Renamed Props
-- None
-
-#### Deprecated Props (Still Supported)
-- `orientation="left"` → Maps to `orientation="start"` (deprecated, use `start` instead)
-- `orientation="right"` → Maps to `orientation="end"` (deprecated, use `end` instead)
-
-**Note:** Deprecated values (`left` and `right`) will show console warnings in development mode but continue to work for backward compatibility.
-
-#### New Props
-- `type` - Controls divider direction: `'horizontal' | 'vertical'` (maps to Ant Design's `orientation` prop)
-- `orientation` - Controls text alignment: `'start' | 'center' | 'end'` (maps to Ant Design's `titlePlacement` prop)
-
-### API Changes
-
-#### Before (cap-ui-library)
-```jsx
-import CapDivider from '@capillarytech/cap-ui-library/components/CapDivider';
-
-<CapDivider orientation="left">Text</CapDivider>
-```
-
-#### After (blaze-ui)
-```jsx
-import { CapDivider } from '@capillarytech/blaze-ui';
-
-// New API (recommended)
-<CapDivider orientation="start">Text</CapDivider>
-
-// Legacy API (still works, shows deprecation warning)
-<CapDivider orientation="left">Text</CapDivider>
-```
-
-### Behavioral Changes
-
-- **No breaking changes** - All existing functionality is preserved
-- Deprecated `orientation` values (`left`/`right`) are automatically mapped to their new equivalents (`start`/`end`)
-- Console warnings are shown in development mode when deprecated props are used
-
-### Migration Steps for Consumers
-
-1. **Update imports:**
-   ```jsx
-   // Old
-   import CapDivider from '@capillarytech/cap-ui-library/components/CapDivider';
-   
-   // New
-   import { CapDivider } from '@capillarytech/blaze-ui';
-   ```
-
-2. **Update deprecated prop values (optional, but recommended):**
-   ```jsx
-   // Old
-   <CapDivider orientation="left">Text</CapDivider>
-   <CapDivider orientation="right">Text</CapDivider>
-   
-   // New
-   <CapDivider orientation="start">Text</CapDivider>
-   <CapDivider orientation="end">Text</CapDivider>
-   ```
-
-   **Note:** The old values still work, but you'll see deprecation warnings in development.
-
-### Code Examples
-
-#### Basic Usage
-```jsx
-import { CapDivider } from '@capillarytech/blaze-ui';
-
-// Horizontal divider without text
-<CapDivider />
-
-// Horizontal divider with centered text
-<CapDivider>Section Title</CapDivider>
-
-// Horizontal divider with left-aligned text
-<CapDivider orientation="start">Left Text</CapDivider>
-
-// Horizontal divider with right-aligned text
-<CapDivider orientation="end">Right Text</CapDivider>
-
-// Vertical divider
-<CapDivider type="vertical" />
-```
-
-#### With Custom Styling
-```jsx
-<CapDivider className="custom-divider" style={{ margin: '2rem 0' }}>
-  Custom Styled Divider
-</CapDivider>
-```
-
-#### With Ant Design Props
-```jsx
-<CapDivider dashed plain>
-  Dashed Plain Divider
-</CapDivider>
-```
-
-### Import Examples
-
-```tsx
-// Default import
-import { CapDivider } from '@capillarytech/blaze-ui';
-
-// With type import
-import { CapDivider } from '@capillarytech/blaze-ui';
-import type { CapDividerProps } from '@capillarytech/blaze-ui';
-```
-