feat(DatePicker/hideMinutes): on showtime mode allows user to show only hours

Author: JustineMiko

packages/primevue/scripts/components/datepicker.js

@@ -23,6 +23,12 @@ const DatePickerProps = [
         default: 'false',
         description: 'When enabled, displays the calendar as inline instead of an overlay.'
     },
+    {
+        name: 'hideMinutes',
+        type: 'boolean',
+        default: 'false',
+        description: 'When enabled, hides the minutes input in the time picker.'
+    },
     {
         name: 'showOtherMonths',
         type: 'boolean',

packages/primevue/src/datepicker/BaseDatePicker.vue

@@ -22,6 +22,10 @@ export default {
             type: Boolean,
             default: false
         },
+        hideMinutes: {
+            type: Boolean,
+            default: false
+        },
         showOtherMonths: {
             type: Boolean,
             default: true

packages/primevue/src/datepicker/DatePicker.vue

@@ -377,7 +377,7 @@
                         <div v-bind="ptm('separatorContainer')" data-pc-group-section="timepickerContainer">
                             <span v-bind="ptm('separator')" data-pc-group-section="timepickerlabel">{{ timeSeparator }}</span>
                         </div>
-                        <div :class="cx('minutePicker')" v-bind="ptm('minutePicker')" data-pc-group-section="timepickerContainer">
+                        <div v-if="!hideMinutes" :class="cx('minutePicker')" v-bind="ptm('minutePicker')" data-pc-group-section="timepickerContainer">
                             <slot name="minuteincrementbutton" :callbacks="minuteIncrementCallbacks">
                                 <Button
                                     :class="cx('pcIncrementButton')"