@mantine-vue/dates 2.0.1 → 2.2.0

package/cjs/index.cjs

@@ -1723,9 +1723,13 @@ var SpinInput = (0, vue.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();
@@ -1878,6 +1882,7 @@ var TimePicker = (0, vue.defineComponent)({
 			default: "sm"
 		},
 		presets: Array,
+		closeDropdownOnPresetSelect: Boolean,
 		hoursRef: Object
 	},
 	setup(props, { attrs }) {
@@ -1964,6 +1969,10 @@ var TimePicker = (0, vue.defineComponent)({
 		};
 		const isClearable = (0, vue.computed)(() => props.clearable && !props.readOnly && !props.disabled && (hours.value !== null || minutes.value !== null || seconds.value !== null || amPm.value !== null));
 		const opened = (0, vue.ref)(false);
+		const handlePresetSelect = (timeString) => {
+			setValue(timeString);
+			if (props.closeDropdownOnPresetSelect) opened.value = false;
+		};
 		return () => (0, vue.h)(_mantine_vue_core.Popover, {
 			opened: props.withDropdown && opened.value,
 			position: "bottom-start",
@@ -2055,7 +2064,7 @@ var TimePicker = (0, vue.defineComponent)({
 		}, () => props.presets?.map((preset) => (0, vue.h)(_mantine_vue_core.Button, {
 			size: "xs",
 			variant: "light",
-			onClick: () => setValue(preset.value)
+			onClick: () => handlePresetSelect(preset.value)
 		}, () => preset.label))) : (0, vue.h)("div", { class: Dates_module_default.timePickerControlsListGroup }, [
 			(0, vue.h)(TimeControlsList, {
 				min: props.format === "12h" ? 1 : 0,