fix: showToday only works on date panel

Author: zombieJ

src/PickerPanel.tsx

@@ -45,7 +45,6 @@ export interface PickerPanelSharedProps<DateType> {
   defaultPickerValue?: DateType;
 
   // Date
-  showToday?: boolean;
   disabledDate?: (date: DateType) => boolean;
 
   // Render
@@ -68,6 +67,7 @@ export interface PickerPanelBaseProps<DateType>
 export interface PickerPanelDateProps<DateType>
   extends PickerPanelSharedProps<DateType> {
   picker?: 'date';
+  showToday?: boolean;
 
   // Time
   showTime?: boolean | SharedTimeProps<DateType>;
@@ -106,7 +106,7 @@ function PickerPanel<DateType>(props: PickerPanelProps<DateType>) {
     defaultValue,
     defaultPickerValue,
     mode,
-    picker,
+    picker = 'date',
     tabIndex = 0,
     showTime,
     showToday,
@@ -356,7 +356,7 @@ function PickerPanel<DateType>(props: PickerPanelProps<DateType>) {
   }
 
   let todayNode: React.ReactNode;
-  if (showToday) {
+  if (showToday && mergedMode === 'date' && picker === 'date') {
     todayNode = (
       <a
         className={`${prefixCls}-today-btn`}

tests/picker.spec.tsx

@@ -424,12 +424,22 @@ describe('Basic', () => {
     matchFooter('year');
   });
 
-  it('showToday', () => {
-    const onSelect = jest.fn();
-    const wrapper = mount(<MomentPicker onSelect={onSelect} showToday />);
-    wrapper.openPicker();
-    wrapper.find('.rc-picker-today-btn').simulate('click');
-    expect(isSame(onSelect.mock.calls[0][0], '1990-09-03')).toBeTruthy();
+  describe('showToday', () => {
+    it('only works on date', () => {
+      const onSelect = jest.fn();
+      const wrapper = mount(<MomentPicker onSelect={onSelect} showToday />);
+      wrapper.openPicker();
+      wrapper.find('.rc-picker-today-btn').simulate('click');
+      expect(isSame(onSelect.mock.calls[0][0], '1990-09-03')).toBeTruthy();
+    });
+
+    ['decade', 'year', 'month', 'week'].forEach(name => {
+      it(`not works on ${name}`, () => {
+        const wrapper = mount(<MomentPicker picker={name as any} showToday />);
+        wrapper.openPicker();
+        expect(wrapper.find('.rc-picker-today-btn').length).toBeFalsy();
+      });
+    });
   });
 
   it('icon', () => {