fix: kk format support (#714)

Author: zombieJ

docs/examples/debug.tsx

@@ -151,6 +151,7 @@ export default () => {
         {...sharedLocale}
         // picker="week"
         // multiple
+        format="YYYY-MM-DD"
         showTime
         defaultValue={[
           dayjs(),

src/hooks/useTimeInfo.ts

@@ -1,9 +1,9 @@
 import { warning } from 'rc-util';
 import * as React from 'react';
 import type { GenerateConfig } from '../generate';
-import { leftPad } from '../utils/miscUtil';
 import type { DisabledTimes, SharedTimeProps } from '../interface';
 import { findValidateTime } from '../PickerPanel/TimePanel/TimePanelBody/util';
+import { leftPad } from '../utils/miscUtil';
 
 export type Unit<ValueType = number | string> = {
   label: React.ReactText;
@@ -96,7 +96,7 @@ export default function useTimeInfo<DateType extends object = any>(
   }
 
   // ========================== Show ==========================
-  let mergedShowHour = checkShow(format, ['H', 'LT', 'LLL'], showHour);
+  let mergedShowHour = checkShow(format, ['H', 'h', 'k', 'LT', 'LLL'], showHour);
   let mergedShowMinute = checkShow(format, ['m', 'LT', 'LLL'], showMinute);
   let mergedShowSecond = checkShow(format, ['s', 'LTS'], showSecond);
   const mergedShowMillisecond = checkShow(format, ['SSS'], showMillisecond);

tests/picker.spec.tsx

@@ -1319,4 +1319,13 @@ describe('Picker.Basic', () => {
       expect.anything(),
     );
   });
+
+  it('showTime kk format', () => {
+    const { container } = render(
+      <DayPicker picker="time" defaultValue={getDay('2000-01-01 00:23:00')} format="kk:mm" open />,
+    );
+    expect(container.querySelector('input')).toHaveValue('24:23');
+
+    expect(document.querySelectorAll('.rc-picker-time-panel-column')).toHaveLength(2);
+  });
 });