init test case

package.json

@@ -45,6 +45,8 @@
   },
   "devDependencies": {
     "@types/classnames": "^2.2.9",
+    "@types/enzyme": "^3.10.3",
+    "@types/jest": "^24.0.23",
     "@types/react": "^16.9.2",
     "@types/react-dom": "^16.9.0",
     "@umijs/fabric": "^1.1.10",

src/Picker.tsx

@@ -8,8 +8,7 @@
  *  - allowEmpty
  *  - selectable
  *
- * TODO:
- *  Fixed click to auto select one value with disabled logic
+ * Tips: Should add faq about `datetime` mode with `defaultValue`
  */
 
 import * as React from 'react';

src/index.tsx

@@ -1 +1,13 @@
-export default {};
+import Picker, { PickerProps } from './Picker';
+import PickerPanel, { PickerPanelProps } from './PickerPanel';
+import RangePicker, { RangePickerProps } from './RangePicker';
+
+export {
+  PickerPanel,
+  RangePicker,
+  PickerProps,
+  PickerPanelProps,
+  RangePickerProps,
+};
+
+export default Picker;

src/panels/DatetimePanel/index.tsx

@@ -13,6 +13,7 @@ export interface DatetimePanelProps<DateType>
   > {
   disabledTime?: DisabledTime<DateType>;
   showTime?: boolean | SharedTimeProps<DateType>;
+  defaultValue?: DateType;
 }
 
 const ACTIVE_PANEL = tuple('date', 'time');
@@ -24,6 +25,7 @@ function DatetimePanel<DateType>(props: DatetimePanelProps<DateType>) {
     operationRef,
     generateConfig,
     value,
+    defaultValue,
     disabledTime,
     showTime,
     onSelect,
@@ -94,6 +96,7 @@ function DatetimePanel<DateType>(props: DatetimePanelProps<DateType>) {
     let selectedDate = date;
 
     if (source === 'date' && !value && timeProps.defaultValue) {
+      // Date with time defaultValue
       selectedDate = generateConfig.setHour(
         selectedDate,
         generateConfig.getHour(timeProps.defaultValue),
@@ -106,6 +109,19 @@ function DatetimePanel<DateType>(props: DatetimePanelProps<DateType>) {
         selectedDate,
         generateConfig.getSecond(timeProps.defaultValue),
       );
+    } else if (source === 'time' && !value && defaultValue) {
+      selectedDate = generateConfig.setYear(
+        selectedDate,
+        generateConfig.getYear(defaultValue),
+      );
+      selectedDate = generateConfig.setMonth(
+        selectedDate,
+        generateConfig.getMonth(defaultValue),
+      );
+      selectedDate = generateConfig.setDate(
+        selectedDate,
+        generateConfig.getDate(defaultValue),
+      );
     }
 
     if (onSelect) {

src/panels/DecadePanel/DecadeBody.tsx

@@ -14,7 +14,7 @@ export interface YearBodyProps<DateType> {
   onSelect: (value: DateType) => void;
 }
 
-function YearBody<DateType>({
+function DecadeBody<DateType>({
   prefixCls,
   viewDate,
   generateConfig,
@@ -85,4 +85,4 @@ function YearBody<DateType>({
   );
 }
 
-export default YearBody;
+export default DecadeBody;

src/panels/DecadePanel/DecadeHeader.tsx

@@ -12,7 +12,7 @@ export interface YearHeaderProps<DateType> {
   onNextDecades: () => void;
 }
 
-function YearHeader<DateType>(props: YearHeaderProps<DateType>) {
+function DecadeHeader<DateType>(props: YearHeaderProps<DateType>) {
   const {
     prefixCls,
     generateConfig,
@@ -38,4 +38,4 @@ function YearHeader<DateType>(props: YearHeaderProps<DateType>) {
   );
 }
 
-export default YearHeader;
+export default DecadeHeader;