DatePicker add confirm prop

DatePicker add confirm prop

src/components/date-picker/panel/date-range.vue

@@ -107,6 +107,10 @@
                     :disabled-date="disabledDate"
                     @on-pick="handleRightMonthPick"></month-table>
             </div>
+            <Confirm
+                v-if="confirm"
+                @on-pick-clear="handlePickClear"
+                @on-pick-success="handlePickSuccess"></Confirm>
         </div>
     </div>
 </template>
@@ -115,6 +119,7 @@
     import DateTable from '../base/date-table.vue';
     import YearTable from '../base/year-table.vue';
     import MonthTable from '../base/month-table.vue';
+    import Confirm from '../base/confirm.vue';
     import { toDate, prevMonth, nextMonth } from '../util';
 
     import Mixin from './mixin';
@@ -124,7 +129,7 @@
 
     export default {
         mixins: [Mixin],
-        components: { Icon, DateTable, YearTable, MonthTable },
+        components: { Icon, DateTable, YearTable, MonthTable, Confirm },
         data () {
             return {
                 prefixCls: prefixCls,
@@ -134,6 +139,7 @@
                 value: '',
                 minDate: '',
                 maxDate: '',
+                confirm: false,
                 rangeState: {
                     endDate: null,
                     selecting: false

src/components/date-picker/panel/date.vue

@@ -57,6 +57,10 @@
                     :disabled-date="disabledDate"
                     @on-pick="handleMonthPick"></month-table>
             </div>
+            <Confirm
+                v-if="confirm"
+                @on-pick-clear="handlePickClear"
+                @on-pick-success="handlePickSuccess"></Confirm>
         </div>
     </div>
 </template>
@@ -65,6 +69,7 @@
     import DateTable from '../base/date-table.vue';
     import YearTable from '../base/year-table.vue';
     import MonthTable from '../base/month-table.vue';
+    import Confirm from '../base/confirm.vue';
     import { formatDate, parseDate } from '../util';
 
     import Mixin from './mixin';
@@ -74,7 +79,7 @@
 
     export default {
         mixins: [Mixin],
-        components: { Icon, DateTable, YearTable, MonthTable },
+        components: { Icon, DateTable, YearTable, MonthTable, Confirm },
         data () {
             return {
                 prefixCls: prefixCls,
@@ -85,12 +90,10 @@
                 value: '',
                 showTime: false,
                 selectionMode: 'day',
-                visible: false,
                 disabledDate: '',
                 year: null,
                 month: null,
-                showWeekNumber: false,
-                timePickerVisible: false
+                confirm: false
             }
         },
         computed: {

src/components/date-picker/panel/mixin.js

@@ -13,6 +13,12 @@ export default {
         handleShortcutClick (shortcut) {
             if (shortcut.value) this.$emit('on-pick', shortcut.value());
             if (shortcut.onClick) shortcut.onClick(this);
+        },
+        handlePickClear () {
+            this.$emit('on-pick-clear');
+        },
+        handlePickSuccess () {
+            this.$emit('on-pick-success');
         }
     }
 }