feat: add showPreviewValue option

Author: Meet-student

docs/examples/basic.tsx

@@ -154,6 +154,15 @@ export default () => {
           <h3>Keyboard event with prevent default behaviors</h3>
           <Picker<Moment> {...sharedProps} locale={enUS} onKeyDown={keyDown} />
         </div>
+        <div style={{ margin: '0 8px' }}>
+          <h3>ShowPreviewValue is false</h3>
+          <Picker<Moment>
+            {...sharedProps}
+            locale={enUS}
+            onKeyDown={keyDown}
+            showPreviewValue={false}
+          />
+        </div>
       </div>
     </div>
   );

docs/examples/range.tsx

@@ -202,6 +202,17 @@ export default () => {
             disabledDate={disabledDate}
           />
         </div>
+        <div style={{ margin: '0 8px' }}>
+          <h3>ShowPreviewValue is false</h3>
+          <RangePicker<Moment>
+            {...sharedProps}
+            showPreviewValue={false}
+            value={undefined}
+            locale={zhCN}
+            placeholder={['start...', 'end...']}
+            disabledDate={disabledDate}
+          />
+        </div>
       </div>
     </div>
   );

docs/examples/time.tsx

@@ -12,7 +12,7 @@ const testClassNames = {
   suffix: 'test-suffix',
   popupContent: 'test-popup-content',
   popupItem: 'test-popup-item',
-}
+};
 
 export default () => {
   return (
@@ -53,6 +53,18 @@ export default () => {
           disabledHours: () => (type === 'start' ? [now.hours()] : [now.hours() - 5]),
         })}
       />
+
+      <h3>ShowPreviewValue is false</h3>
+      <RangePicker
+        defaultValue={[defaultValue, defaultValue]}
+        picker="time"
+        locale={zhCN}
+        showPreviewValue={false}
+        generateConfig={momentGenerateConfig}
+        disabledTime={(now, type) => ({
+          disabledHours: () => (type === 'start' ? [now.hours()] : [now.hours() - 5]),
+        })}
+      />
     </div>
   );
 };

src/PickerInput/RangePicker.tsx

@@ -164,6 +164,7 @@ function RangePicker<DateType extends object = any>(
     styles: propStyles,
     classNames: propClassNames,
 
+    showPreviewValue = true,
     // Value
     defaultValue,
     value,
@@ -505,7 +506,9 @@ function RangePicker<DateType extends object = any>(
 
   // ======================== Panel =========================
   const onPanelHover = (date: DateType) => {
-    setInternalHoverValues(date ? fillCalendarValue(date, activeIndex) : null);
+    if (showPreviewValue) {
+      setInternalHoverValues(date ? fillCalendarValue(date, activeIndex) : null);
+    }
     setHoverSource('cell');
   };
 

src/PickerInput/SinglePicker.tsx

@@ -128,6 +128,8 @@ function Picker<DateType extends object = any>(
     styles: propStyles,
     classNames: propClassNames,
 
+    showPreviewValue = true,
+
     // Value
     order,
     defaultValue,
@@ -433,7 +435,9 @@ function Picker<DateType extends object = any>(
 
   // ======================== Panel =========================
   const onPanelHover = (date: DateType | null) => {
-    setInternalHoverValue(date);
+    if (showPreviewValue) {
+      setInternalHoverValue(date);
+    }
     setHoverSource('cell');
   };
 

src/interface.tsx

@@ -425,6 +425,8 @@ export interface SharedPickerProps<DateType extends object = any>
    */
   preserveInvalidOnBlur?: boolean;
 
+  showPreviewValue?: boolean;
+
   // Motion
   transitionName?: string;