Sha256: c6424a9ba858adf37e4af25fb7d02060f7ad0b742938951f5a4c8469174cddee
Contents?: true
Size: 1.79 KB
Versions: 7
Compression:
Stored size: 1.79 KB
Contents
// Utility helper functions for the date and time picker functionality
export const timeKeyDownListener = (time) => {
time.addEventListener("keydown", (event) => {
switch (event.key) {
case "ArrowUp":
break;
case "ArrowDown":
break;
case "ArrowLeft":
break;
case "ArrowRight":
break;
case "Backspace":
break;
case "Tab":
break;
case ":":
break;
default:
if ((/[0-9]/).test(event.key)) {
break;
} else if (event.ctrlKey === true || event.altKey === true) {
break;
} else {
event.preventDefault();
};
};
});
};
export const timeBeforeInputListener = (time) => {
time.addEventListener("beforeinput", (event) => {
if (time.value.length >= 5 && event.inputType === "insertText" && event.target.selectionStart === event.target.selectionEnd) {
event.preventDefault();
};
});
};
export const dateKeyDownListener = (date) => {
date.addEventListener("keydown", (event) => {
switch (event.key) {
case "ArrowUp":
break;
case "ArrowDown":
break;
case "ArrowLeft":
break;
case "ArrowRight":
break;
case "Backspace":
break;
case "Tab":
break;
case "Delete":
break;
case ".":
break;
case "/":
break;
default:
if ((/[0-9]/).test(event.key)) {
break;
} else if (event.ctrlKey === true || event.altKey === true) {
break;
} else {
event.preventDefault();
};
};
});
};
export const dateBeforeInputListener = (date) => {
date.addEventListener("beforeinput", (event) => {
if (date.value.length >= 10 && event.inputType === "insertText" && event.target.selectionStart === event.target.selectionEnd) {
event.preventDefault();
};
});
};
Version data entries
7 entries across 7 versions & 1 rubygems