@mantine-vue/dates 2.0.1 → 2.2.0

package/esm/index.mjs

@@ -1698,9 +1698,13 @@ var SpinInput = defineComponent({
 		};
 		const handleKeydown = (event) => {
 			if (props.readOnly) return;
-			if (event.key === "0" && props.value === 0) {
-				event.preventDefault();
-				props.onNextInput?.();
+			if (event.key === "0" || event.key === "Num0") {
+				const { selectionStart, selectionEnd, value: inputValue } = event.currentTarget;
+				const isEntireValueSelected = inputValue.length > 0 && selectionStart === 0 && selectionEnd === inputValue.length;
+				if (props.value === 0 && !isEntireValueSelected) {
+					event.preventDefault();
+					props.onNextInput?.();
+				}
 			}
 			if (event.key === "Home") {
 				event.preventDefault();
@@ -1853,6 +1857,7 @@ var TimePicker = defineComponent({
 			default: "sm"
 		},
 		presets: Array,
+		closeDropdownOnPresetSelect: Boolean,
 		hoursRef: Object
 	},
 	setup(props, { attrs }) {
@@ -1939,6 +1944,10 @@ var TimePicker = defineComponent({
 		};
 		const isClearable = computed(() => props.clearable && !props.readOnly && !props.disabled && (hours.value !== null || minutes.value !== null || seconds.value !== null || amPm.value !== null));
 		const opened = ref(false);
+		const handlePresetSelect = (timeString) => {
+			setValue(timeString);
+			if (props.closeDropdownOnPresetSelect) opened.value = false;
+		};
 		return () => h(Popover, {
 			opened: props.withDropdown && opened.value,
 			position: "bottom-start",
@@ -2030,7 +2039,7 @@ var TimePicker = defineComponent({
 		}, () => props.presets?.map((preset) => h(Button, {
 			size: "xs",
 			variant: "light",
-			onClick: () => setValue(preset.value)
+			onClick: () => handlePresetSelect(preset.value)
 		}, () => preset.label))) : h("div", { class: Dates_module_default.timePickerControlsListGroup }, [
 			h(TimeControlsList, {
 				min: props.format === "12h" ? 1 : 0,