From bd53780550a53fb69f784c0c760b7c8c4b0c5270 Mon Sep 17 00:00:00 2001
From: Konv Suu <2583695112@qq.com>
Date: Sun, 11 Dec 2022 17:06:22 +0800
Subject: [PATCH] feat: hide `Now` when current time is disabled

---
 components/vc-picker/PickerPanel.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/components/vc-picker/PickerPanel.tsx b/components/vc-picker/PickerPanel.tsx
index 1ce896e68d..5d7bad0d03 100644
--- a/components/vc-picker/PickerPanel.tsx
+++ b/components/vc-picker/PickerPanel.tsx
@@ -364,6 +364,7 @@ function PickerPanel<DateType>() {
           isMinuteStepValid.value ? minuteStep : 1,
           isSecondStepValid.value ? secondStep : 1,
         );
+
         const adjustedNow = setTime(
           generateConfig,
           now,
@@ -414,7 +415,6 @@ function PickerPanel<DateType>() {
           disabledDate,
           picker = 'date',
           tabindex = 0,
-          showNow,
           showTime,
           showToday,
           renderExtraFooter,
@@ -422,6 +422,14 @@ function PickerPanel<DateType>() {
           onOk,
           components,
         } = props;
+
+        let { showNow } = props;
+        const now = generateConfig.getNow();
+        // when NOW is invalid, hide NOW button
+        if (disabledDate?.(now)) {
+          showNow = false;
+        }
+
         if (operationRef && panelPosition.value !== 'right') {
           operationRef.value = {
             onKeydown: onInternalKeydown,
@@ -578,7 +586,7 @@ function PickerPanel<DateType>() {
         if (showToday && mergedMode.value === 'date' && picker === 'date' && !showTime) {
           const now = generateConfig.getNow();
           const todayCls = `${prefixCls}-today-btn`;
-          const disabled = disabledDate && disabledDate(now);
+          const disabled = disabledDate?.(now);
           todayNode = (
             <a
               class={classNames(todayCls, disabled && `${todayCls}-disabled`)}