@capillarytech/blaze-ui 5.21.0 → 5.22.0

package/CapCustomList/tests/USE_CASES_ANALYSIS.md

@@ -1,124 +0,0 @@
-# CapCustomList - Use Cases Analysis
-
-## Phase 0: Use Cases from Google Sheets
-
-**Note**: Google Sheets MCP server was not accessible during test implementation. Use cases were extracted from component analysis, existing test patterns, and USE_CASES_ANALYSIS.md.
-
-### Identified Use Cases (from Component Analysis):
-
-1. **Basic Rendering**
-   - Render list of categories with titles and counts
-   - Display subcategories when category is selected
-   - Show loading state during data fetch
-
-2. **User Interactions**
-   - Click category to view subcategories
-   - Navigate back from subcategory view
-   - Keyboard navigation support
-
-3. **Data Management**
-   - Fetch list data via `getList` callback
-   - Calculate total category count
-   - Handle empty states
-
-4. **State Management**
-   - Maintain main list vs subcategory view state
-   - Update count when list changes
-   - Handle prop changes (loader, contentId, type)
-
-5. **Edge Cases**
-   - Empty lists
-   - Missing optional props
-   - Empty subcategory arrays
-   - String vs number levelValueCount
-   - Missing levelName (key fallback)
-
-## Phase 1: Use Cases NOT Fulfilled by Component
-
-Based on component analysis, the following use cases are **NOT** currently supported:
-
-### 1. **useEffect Dependency Issue**
-- **Issue**: The `useEffect` hook that calls `getList` only depends on `loader`, but uses `contentId` and `type` inside the callback.
-- **Impact**: If `contentId` or `type` props change, `getList` won't be called with the new values.
-- **Use Case**: Dynamic content loading based on changing contentId/type.
-
-### 2. **Error State Handling**
-- **Issue**: No error state prop or error display mechanism.
-- **Impact**: If `getList` fails or returns an error, users have no visual feedback.
-- **Use Case**: Display error messages when data fetching fails.
-
-### 3. **Empty State Messaging**
-- **Issue**: When `list` is empty, component renders nothing without explanation.
-- **Impact**: Users don't know if list is empty due to no data, loading, or error.
-- **Use Case**: Show "No categories available" or similar message.
-
-### 4. **Category Selection Callback**
-- **Issue**: No `onCategorySelect` or similar callback prop.
-- **Impact**: Parent components can't react to category selection.
-- **Use Case**: Track analytics, update URL, or trigger side effects on selection.
-
-### 5. **Subcategory Selection Callback**
-- **Issue**: No `onSubcategorySelect` callback prop.
-- **Impact**: Can't handle subcategory clicks for navigation or actions.
-- **Use Case**: Navigate to detail pages, open modals, or perform actions.
-
-### 6. **Programmatic Navigation**
-- **Issue**: No way to set initial subcategory view or navigate programmatically.
-- **Impact**: Can't deep-link to specific subcategory views.
-- **Use Case**: URL-based routing, browser back/forward navigation.
-
-### 7. **Loading State Per Category**
-- **Issue**: Only global `loader` prop, no per-category loading states.
-- **Impact**: Can't show loading for individual categories while fetching subcategories.
-- **Use Case**: Lazy-load subcategories on demand.
-
-### 8. **Customizable Empty Subcategory Message**
-- **Issue**: When subcategory array is empty, no message is shown.
-- **Impact**: Users don't know if category has no subcategories.
-- **Use Case**: Display "No subcategories" message.
-
-### 9. **Accessibility Enhancements**
-- **Issue**: Missing ARIA labels for navigation states, no keyboard shortcuts documented.
-- **Impact**: Screen reader users may have difficulty understanding navigation state.
-- **Use Case**: Full keyboard navigation, screen reader support.
-
-### 10. **Customizable Back Button**
-- **Issue**: Back button is hardcoded with specific styling.
-- **Impact**: Can't customize back button appearance or behavior.
-- **Use Case**: Custom back button text, icon, or styling.
-
-### 11. **Breadcrumb Navigation**
-- **Issue**: No breadcrumb trail showing navigation path.
-- **Impact**: Users can't see where they are in the hierarchy.
-- **Use Case**: Multi-level navigation with breadcrumbs.
-
-### 12. **Search/Filter Functionality**
-- **Issue**: No built-in search or filter for categories/subcategories.
-- **Impact**: Hard to find items in long lists.
-- **Use Case**: Search categories, filter by criteria.
-
-### 13. **Virtualization for Long Lists**
-- **Issue**: All items render at once, no virtualization.
-- **Impact**: Performance issues with very long lists.
-- **Use Case**: Handle hundreds of categories efficiently.
-
-### 14. **Selection State Management**
-- **Issue**: No way to mark selected category/subcategory.
-- **Impact**: Can't show which item is currently selected.
-- **Use Case**: Highlight selected items, multi-select.
-
-### 15. **Custom Rendering**
-- **Issue**: Can't customize how categories/subcategories are rendered.
-- **Impact**: Limited styling and layout options.
-- **Use Case**: Custom card layouts, additional metadata display.
-
----
-
-## Recommendations
-
-1. **High Priority**: Fix useEffect dependency issue (add contentId and type to dependency array)
-2. **High Priority**: Add error state handling
-3. **Medium Priority**: Add empty state messaging
-4. **Medium Priority**: Add category/subcategory selection callbacks
-5. **Low Priority**: Add programmatic navigation API
-6. **Low Priority**: Enhance accessibility with ARIA labels

package/CapCustomSelect/README.md

@@ -1,38 +0,0 @@
-# CapCustomSelect
-
-Extended Ant Design Popover component with custom select functionality and Capillary design system integration.
-
-## Migration from Antd v3 → v6
-
-This component has been migrated to support Ant Design v6 while maintaining backward compatibility with v3/v4/v5 APIs.
-
-## Props
-
-### Deprecated Props (Still Supported)
-
-These props are deprecated but still work for backward compatibility. They will show console warnings in development mode:
-
-| Deprecated Prop | Replacement | Notes |
-|----------------|-------------|-------|
-| `visible` | `open` | Use `open` for controlled state |
-| `onVisibleChange` | `onOpenChange` | Use `onOpenChange` for controlled state callbacks |
-| `overlayClassName` | `classNames.root` | Use `classNames.root` for overlay styling |
-| `overlayStyle` | `styles.root` | Use `styles.root` for overlay inline styles |
-
-### React-Virtuoso Props (Virtual Scrolling)
-
-The component uses [react-virtuoso](https://virtuoso.dev/) for virtual scrolling when `virtual={true}`. This improves performance for large lists by only rendering visible items.
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `virtual` | `boolean` | `false` | Enable virtual scrolling using react-virtuoso |
-| `virtualScrollWidth` | `string \| number` | `'100%'` | Width of virtual scroll container (string like '100%' or number in pixels) |
-| `virtualScrollHeight` | `string \| number` | `200` | Height of virtual scroll container (string like '200px' or number in pixels) |
-| `rowHeight` | `string \| number` | `40` | Fixed height of each row/item in pixels (string like '40px' or number). Used as `fixedItemHeight` in react-virtuoso for optimal performance |
-| `virtualContainerStyle` | `CSSProperties` | `{}` | Additional CSS styles to apply to the virtual scroll container |
-
-**Note:** The component maps react-virtualized props to react-virtuoso props:
-- `rowCount` → `totalCount` (automatically set from filtered items)
-- `rowHeight` → `fixedItemHeight` (when provided)
-- `rowRenderer` → `itemContent` (internal implementation)
-- `AutoSizer` → Direct `style` prop on `Virtuoso` component

package/CapDatePicker/README.md

@@ -1,139 +0,0 @@
-# CapDatePicker
-
-A wrapper component around Ant Design's DatePicker component that provides consistent styling, timezone support, and a simplified API for date selection in Capillary applications.
-
-## Migration from Ant Design v3 to v6
-
-This component has been migrated from Ant Design v3 to v6 with the following changes:
-
-### Breaking Changes
-
-#### 1. API Changes
-
-| v3 API | v6 API | Status | Migration Guide |
-|--------|--------|--------|-----------------|
-| `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 now uses Day.js instead of Moment.js, consistent with Ant Design v6:
-
-- **Props accepting dates**: `value`, `defaultValue`, `defaultPickerValue` now accept Dayjs objects
-- **Callbacks returning dates**: `onChange` now returns Dayjs objects
-
-**Migration Path for Consumers:**
-```javascript
-// Before (moment)
-import moment from 'moment-timezone';
-<CapDatePicker 
-  value={moment('2024-01-15')} 
-  onChange={(momentObj) => console.log(momentObj.format())} 
-/>
-
-// After (dayjs)
-import dayjs from '@dayjs';
-<CapDatePicker 
-  value={dayjs('2024-01-15')} 
-  onChange={(dayjsObj) => console.log(dayjsObj.format())} 
-/>
-```
-
-**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
-
-The component maintains backward compatibility for deprecated props:
-
-- **`dropdownClassName` prop**: Still works but logs a deprecation warning in development. Use `popupClassName` instead.
-- **`dropdownStyle` prop**: Still works but logs a deprecation warning in development. Use `popupStyle` instead.
-- **`getCalendarContainer` prop**: Still works but logs a deprecation warning in development. Use `getPopupContainer` instead.
-- **`open` prop**: Still works but logs a deprecation warning in development. Use `popupOpen` instead.
-- **`onOpenChange` prop**: Still works but logs a deprecation warning in development. Use `onPopupOpenChange` instead.
-- **`showToday` prop**: Still works but logs a deprecation warning in development. This prop is deprecated as today button behavior is handled internally.
-- **`renderExtraFooter` prop**: Still works but logs a deprecation warning in development. Consider using custom panel components instead.
-
-### Style Changes
-
-**Approach**: The component uses CSS Modules with design tokens. Custom styling is applied through:
-- CSS Modules classes for component-specific styles (timezone footer)
-- Shared `datePickerCommon.scss` for common DatePicker styling patterns
-- Design tokens via `$CAP_*` variables
-
-### Code Improvements
-
-1. **Removed PropTypes**: Replaced with TypeScript interfaces
-2. **Using deprecation warning utility**: Now uses `logDeprecationWarning` utility for consistent deprecation warnings
-3. **Improved backward compatibility**: Deprecated props are mapped using nullish coalescing (`??`) for cleaner code
-4. **CSS Modules**: All styles use CSS Modules with `styles[classname]` pattern
-5. **Type safety**: Full TypeScript support with proper Dayjs types
-
-### What Stayed the Same
-
-- All DatePicker functionality (date selection, formatting, etc.)
-- Timezone footer display
-- Custom icon support
-- Size variants (small, default, large)
-- ComponentWithLabelHOC integration
-
-### What Changed
-
-- **Removed**: PropTypes dependency
-- **Updated**: Import from `antd-v5` (v6 compatible)
-- **Updated**: Multiple deprecated props migrated to v6 API (with backward compatibility):
-  - `dropdownClassName` → `popupClassName`
-  - `dropdownStyle` → `popupStyle`
-  - `getCalendarContainer` → `getPopupContainer`
-  - `open` → `popupOpen`
-  - `onOpenChange` → `onPopupOpenChange`
-- **Updated**: Moment.js → Day.js (with automatic conversion for backward compatibility)
-
-## Usage
-
-```tsx
-import CapDatePicker from '@capillarytech/blaze-ui/components/CapDatePicker';
-import dayjs from '@dayjs';
-
-function MyComponent() {
-  const [date, setDate] = useState<dayjs.Dayjs | null>(null);
-
-  return (
-    <CapDatePicker
-      value={date}
-      onChange={(newDate) => setDate(newDate)}
-      size="large"
-      timezone="America/New_York"
-      showTimezone
-      popupClassName="my-custom-popup"
-    />
-  );
-}
-```
-
-## Props
-
-See `types.ts` for complete prop definitions. Key props:
-
-- `value`: Dayjs object or null
-- `defaultValue`: Dayjs object or null
-- `onChange`: Callback with (date: Dayjs | null, dateString: string)
-- `size`: 'small' | 'default' | 'large' (default: 'large')
-- `timezone`: Timezone string (default: 'UTC')
-- `showTimezone`: Whether to show timezone footer (default: false)
-- `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)
-- `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 - behavior handled internally
-- `renderExtraFooter`: Deprecated - consider custom panel components

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