function makeInputScrollable(el,type) {
                // Scroll event listener
                el.addEventListener('wheel', (e) => {
                    e.preventDefault();
                    if (e.deltaY > 0) {
                        reminderTime.subtract(1,type);
                    }
                    else {
                        reminderTime.add(1,type);
                    }
                    updateDateDisplay();
                });
                // Change event listener
                let typeSetter = type.substring(0, type.length - 1); // remove pluralisation for moment setter
                el.addEventListener('change', (e) => {
                    let val = Number(el.value);
                    if (typeSetter === 'year' && val < 100) val += 2000;
                    reminderTime.set(typeSetter, val);
                    el.removeAttribute('value');
                    updateDateDisplay();
                });
            }

            function updateDateDisplay() {
                // Update date and time inputs
                const year = reminderTime.format('YY');
                dateYear.setAttribute('value',year);
                const month = reminderTime.format('MM');
                dateMonth.setAttribute('value',month);
                const day = reminderTime.format('DD');
                dateDay.setAttribute('value',day);
                const hour = reminderTime.format('hh');
                timeH.setAttribute('value',hour);
                const minute = reminderTime.format('mm');
                timeM.setAttribute('value',minute);
                // Update AM/PM
                if (reminderTime.format('a') === 'am') {
                    am.classList.add('selected');
                    pm.classList.remove('selected');
                }
                else {
                    pm.classList.add('selected');
                    am.classList.remove('selected');
                }
            }