feat: Add enable-minutes prop (resolves #830)

Author: Jasenkoo

index.d.ts

@@ -327,6 +327,7 @@ export interface VueDatePickerProps {
     yearFirst?: boolean;
     loading?: boolean;
     onInternalModelChange?: (...args: any[]) => void;
+    enableMinutes?: boolean;
 }
 
 export type DatePickerInstance = ComponentPublicInstance<PublicMethods> | null;

src/VueDatePicker/components/TimePicker/TimeInput.vue

@@ -151,6 +151,7 @@
         OverlayGridItem,
         DisabledTimesArrProp,
         TimeModel,
+        TimeInput,
     } from '@/interfaces';
 
     defineOptions({
@@ -255,11 +256,19 @@
         }),
     );
 
-    const timeInputs = computed((): { type: TimeType; separator?: boolean }[] => {
-        const inputs = [{ type: 'hours' }, { type: '', separator: true }, { type: 'minutes' }];
-        return (props.enableSeconds ? inputs.concat([{ type: '', separator: true }, { type: 'seconds' }]) : inputs) as {
-            type: TimeType;
-        }[];
+    const timeInputs = computed((): TimeInput[] => {
+        const inputs = [{ type: 'hours' }];
+        if (props.enableMinutes) {
+            inputs.push({ type: '', separator: true } as unknown as TimeInput, {
+                type: 'minutes',
+            });
+        }
+        if (props.enableSeconds) {
+            inputs.push({ type: '', separator: true } as unknown as TimeInput, {
+                type: 'seconds',
+            });
+        }
+        return inputs as TimeInput[];
     });
 
     const timeInputOverlays = computed(() => timeInputs.value.filter((input) => !input.separator));

src/VueDatePicker/composables/defaults.ts

@@ -26,7 +26,8 @@ export const useDefaults = (props: AllPropsType | PickerBasePropsType) => {
     // Shared method for time format
     const getTimeFormat = (): string => {
         const seconds = props.enableSeconds ? ':ss' : '';
-        return props.is24 ? `HH:mm${seconds}` : `hh:mm${seconds} aa`;
+        const minutes = props.enableMinutes ? ':mm' : '';
+        return props.is24 ? `HH${minutes}${seconds}` : `hh${minutes}${seconds} aa`;
     };
 
     // Get default format pattern, returns user specified if defined first

src/VueDatePicker/interfaces.ts

@@ -368,3 +368,8 @@ export interface MultiDatesDefault {
 }
 
 export type MultiDatesProp = boolean | Partial<MultiDatesConfig>;
+
+export interface TimeInput {
+    type: TimeType;
+    separator?: boolean;
+}

src/VueDatePicker/props.ts

@@ -164,6 +164,7 @@ export const AllProps = {
     yearFirst: { type: Boolean as PropType<boolean>, default: false },
     loading: { type: Boolean as PropType<boolean>, default: false },
     onInternalModelChange: { type: [Function, Object] as PropType<(...args: any[]) => void>, default: null },
+    enableMinutes: { type: Boolean as PropType<boolean>, default: true },
 };
 
 export const PickerBaseProps = {