@jobber/components 2.86.0 → 2.86.2

package/dist/InputTime/index.js

@@ -2,59 +2,73 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var __chunk_1 = require('../chunk-b67af3cb.js');
+var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var debounce = _interopDefault(require('lodash/debounce'));
-require('../chunk-17e02351.js');
-require('classnames');
-require('../Typography/index.js');
-require('../Text/index.js');
-require('@jobber/design');
-require('../Icon/index.js');
+var debounce = require('lodash/debounce');
+var temporal = require('@std-proposal/temporal');
+var FormField = require('../FormField-a92c7bac.js');
 require('uuid');
 require('react-hook-form');
-var index$4 = require('../FormField/index.js');
+require('../style-inject.es-dcee06b6.js');
+require('classnames');
+require('../Button-5b2f1636.js');
 require('react-router-dom');
-require('../Button/index.js');
+require('../Icon-d5ad1a6d.js');
+require('@jobber/design');
+require('../Typography-7e542a72.js');
+require('../Text-9bc093e9.js');
+require('../InputValidation-24d3621a.js');
 require('framer-motion');
-require('../InputValidation/index.js');
-require('../Spinner/index.js');
-var temporal = require('@std-proposal/temporal');
+require('../Spinner-18d3dee6.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-var supportsTime = createCommonjsModule(function (module) {
-// https://stackoverflow.com/a/10199306/1611058
-function get_time_support () {
-	var input = document.createElement('input');
-	input.setAttribute('type','time');
+var supportsTime$2 = {exports: {}};
+
+var supportsTime$1 = {exports: {}};
+
+(function (module) {
+	// https://stackoverflow.com/a/10199306/1611058
+	function get_time_support () {
+		var input = document.createElement('input');
+		input.setAttribute('type','time');
 
-	var notValid = 'not-a-time';
-	input.setAttribute('value', notValid);
+		var notValid = 'not-a-time';
+		input.setAttribute('value', notValid);
 
-	return (input.value !== notValid);
-}
+		return (input.value !== notValid);
+	}
 
-var timeSupport = get_time_support();
+	var timeSupport = get_time_support();
 
-if (window) window.supportsTime = timeSupport;
-if (module) module.exports = timeSupport;
-});
+	if (window) window.supportsTime = timeSupport;
+	if (module) module.exports = timeSupport;
+} (supportsTime$1));
+
+(function (module) {
+	module.exports = supportsTime$1.exports;
+} (supportsTime$2));
+
+var supportsTime = /*@__PURE__*/getDefaultExportFromCjs(supportsTime$2.exports);
 
-var supportsTime$1 = supportsTime;
+var timeInputPolyfill = {exports: {}};
 
-var leading_zero = function leading_zero (number) {
+var leading_zero$4 = function leading_zero (number) {
 	if (isNaN(number)) return number;
 	var purified = parseInt(number);
 	return purified < 10 ? '0' + purified : number;
 };
 
-var convert_to_24hr_time = function convert_to_24hr_time (timeString_12hr) {
+var leading_zero$3 = leading_zero$4;
+
+var convert_to_24hr_time$1 = function convert_to_24hr_time (timeString_12hr) {
 	if (/-/.test(timeString_12hr)) return '';
 	var isPM = timeString_12hr.indexOf('PM') > -1;
 	var timeResult = /^([0-9]{2})/.exec(timeString_12hr);
@@ -67,25 +81,29 @@ var convert_to_24hr_time = function convert_to_24hr_time (timeString_12hr) {
 	}
 	var finalHrs = newHrs === 24 ? 0 : newHrs;
 	var timeRegEx = /^[0-9]{2}:([0-9]{2}) (AM|PM)/;
-	return timeString_12hr.replace(timeRegEx, leading_zero(finalHrs)+':$1');
+	return timeString_12hr.replace(timeRegEx, leading_zero$3(finalHrs)+':$1');
 };
 
-var set_data_attribute = function set_data_attribute($input, timeString_12hr){
+var convert_to_24hr_time = convert_to_24hr_time$1;
+
+var set_data_attribute$3 = function set_data_attribute($input, timeString_12hr){
 	var filteredString = timeString_12hr.indexOf('-') > -1 ? '' : timeString_12hr;
 	var time24hr = convert_to_24hr_time(filteredString);
 	$input.setAttribute('data-value', time24hr);
 };
 
-var create_event = function create_event(eventName){
+var create_event$1 = function create_event(eventName){
 	var event = document.createEvent('Event');
 	event.initEvent(eventName, true, true);
 	return event;
 };
 
+var create_event = create_event$1;
+
 var inputEvent = create_event('input');
 var changeEvent = create_event('change');
 
-var trigger_event = function trigger_event($input, eventName) {
+var trigger_event$1 = function trigger_event($input, eventName) {
 	var event = {
 		input: inputEvent,
 		change: changeEvent,
@@ -101,8 +119,10 @@ function can_trigger_change ($input) {
 	return !/--/.test($input.value);
 }
 
+var trigger_event = trigger_event$1;
+
 // It seems that oninput and onchange are treated the same way by browsers :/
-var trigger_both_events = function trigger_both_events($input) {
+var trigger_both_events$2 = function trigger_both_events($input) {
 	// the event only ever fires if there is a full valid value available
 	trigger_event($input, 'input');
 	trigger_event($input,'change');
@@ -111,48 +131,57 @@ var trigger_both_events = function trigger_both_events($input) {
 // I need to keep this separate from reset so that
 // I can reset without attracting focus
 
+var set_data_attribute$2 = set_data_attribute$3;
+var trigger_both_events$1 = trigger_both_events$2;
 
-
-
-var apply_default = function apply_default ($input) {
+var apply_default$1 = function apply_default ($input) {
 	$input.value = '--:-- --';
-	set_data_attribute($input, '');
-	trigger_both_events($input);
+	set_data_attribute$2($input, '');
+	trigger_both_events$1($input);
 };
 
-var convert_number = function convert_number (number) {
+var convert_number$2 = function convert_number (number) {
 	return isNaN(number) ? number : parseInt(number);
 };
 
-var convert_hours_to_12hr_time = function convert_hours_to_12hr_time (hours) {
+var convert_hours_to_12hr_time$2 = function convert_hours_to_12hr_time (hours) {
 	return hours <= 12 ? hours === 0 ? 12 : hours : hours - 12;
 };
 
-var convert_to_12hr_time = function convert_to_12hr_time (timeString_24hr) {
+var convert_number$1 = convert_number$2;
+var convert_hours_to_12hr_time$1 = convert_hours_to_12hr_time$2;
+var leading_zero$2 = leading_zero$4;
+
+var convert_to_12hr_time$1 = function convert_to_12hr_time (timeString_24hr) {
 	if (timeString_24hr === '') return '--:-- --';
 	var twentyFour_regex = /([0-9]{2})\:([0-9]{2})/;
 	var result = twentyFour_regex.exec(timeString_24hr);
-	var hrs_24 = convert_number(result[1]);
+	var hrs_24 = convert_number$1(result[1]);
 	var min = result[2];
-	var hrs_12 = convert_hours_to_12hr_time(hrs_24);
+	var hrs_12 = convert_hours_to_12hr_time$1(hrs_24);
 	var isPM = hrs_24 > 12;
 	var mode = isPM ? 'PM' : 'AM';
-	return [leading_zero(hrs_12), ':', min, ' ', mode].join('');
+	return [leading_zero$2(hrs_12), ':', min, ' ', mode].join('');
 };
 
-var set_time = function set_time($input, time_string_24hr) {
+var convert_to_12hr_time = convert_to_12hr_time$1;
+var set_data_attribute$1 = set_data_attribute$3;
+
+var set_time$2 = function set_time($input, time_string_24hr) {
 	var twelveHr = convert_to_12hr_time(time_string_24hr);
 	$input.value = twelveHr;
-	set_data_attribute($input, time_string_24hr);
+	set_data_attribute$1($input, time_string_24hr);
 };
 
+var set_time$1 = set_time$2;
+
 var update_time = function update_time($input) {
-	set_time($input, $input.value);
+	set_time$1($input, $input.value);
 	return $input;
 };
 
 // IE11 doesn't support Object.values()
-var values = function values (obj) {
+var values$1 = function values (obj) {
 	var key_values = [];
 	for (var key in obj) {
 		key_values.push(obj[key]);
@@ -160,7 +189,7 @@ var values = function values (obj) {
 	return key_values;
 };
 
-var select_segment = function select_segment ($input, segment) {
+var select_segment$5 = function select_segment ($input, segment) {
 
 	set_input_type();
 
@@ -184,22 +213,25 @@ var select_segment = function select_segment ($input, segment) {
 	}
 };
 
-var ranges = {
+var ranges$2 = {
 	hrs : { start: 0, end: 2 },
 	min : { start: 3, end: 5 },
 	mode : { start: 6, end: 8 },
 };
 
-var ranges_1 = ranges;
+var ranges_1 = ranges$2;
 
-var get_selected_range = function get_selected_range ($input) {
+var get_selected_range$1 = function get_selected_range ($input) {
 	return { start: $input.selectionStart, end: $input.selectionEnd };
 };
 
-var get_current_segment = function get_current_segment ($input) {
+var ranges$1 = ranges_1;
+var get_selected_range = get_selected_range$1;
+
+var get_current_segment$9 = function get_current_segment ($input) {
 	var selection = get_selected_range($input);
-	for (var segment in ranges_1) {
-		var range = ranges_1[segment];
+	for (var segment in ranges$1) {
+		var range = ranges$1[segment];
 		var aboveMin = range.start <= selection.start;
 		var belowMax = range.end >= selection.end;
 		if (aboveMin && belowMax) {
@@ -209,18 +241,18 @@ var get_current_segment = function get_current_segment ($input) {
 	return 'hrs';
 };
 
-var manual_entry_log = [];
+var manual_entry_log$2 = [];
 
 function clear () {
-	manual_entry_log = [];
+	manual_entry_log$2 = [];
 }
 
 function add (entry) {
-	manual_entry_log.push(entry);
+	manual_entry_log$2.push(entry);
 }
 
 function items(){
-	return manual_entry_log;
+	return manual_entry_log$2;
 }
 
 var manual_entry_log_1 = {
@@ -229,11 +261,15 @@ var manual_entry_log_1 = {
 	add: add,
 };
 
-var segments = Object.keys(ranges_1);
+var ranges = ranges_1;
 
-var segments_1 = segments;
+var segments$1 = Object.keys(ranges);
+
+var segments_1 = segments$1;
 
-var get_values = function get_values ($input, timeString) {
+var convert_number = convert_number$2;
+
+var get_values$4 = function get_values ($input, timeString) {
 	var value = timeString ? timeString : $input.value;
 	var regEx = /([0-9-]{1,2})\:([0-9-]{1,2})\s?(AM|PM|\-\-)?/;
 	var result = regEx.exec(value);
@@ -245,11 +281,14 @@ var get_values = function get_values ($input, timeString) {
 	}
 };
 
-var update_a11y = function update_a11y ($input, announcementArray) {
+var get_current_segment$8 = get_current_segment$9;
+var get_values$3 = get_values$4;
+
+var update_a11y$5 = function update_a11y ($input, announcementArray) {
 	// Timeout helps ensure that the input has stabilized
 	setTimeout(function(){
-		var current_segment = get_current_segment($input);
-		var values = get_values($input);
+		var current_segment = get_current_segment$8($input);
+		var values = get_values$3($input);
 		var value = values[current_segment];
 		var finalValue = value == '--' ? 'blank' : value;
 
@@ -284,77 +323,110 @@ var update_a11y = function update_a11y ($input, announcementArray) {
 	}, 1);
 };
 
-var traverse = function traverse ($input, direction) {
-	var segment = get_current_segment($input);
+var get_current_segment$7 = get_current_segment$9;
+var select_segment$4 = select_segment$5;
+
+var manual_entry_log$1 = manual_entry_log_1;
+var segments = segments_1;
+
+var update_a11y$4 = update_a11y$5;
+
+var traverse$2 = function traverse ($input, direction) {
+	var segment = get_current_segment$7($input);
 
 	var modifier = direction === 'next' ? 1 : -1;
-	var next_segment_index = segments_1.indexOf(segment) + modifier;
+	var next_segment_index = segments.indexOf(segment) + modifier;
 
 	var next_segment = {
-		next: segments_1[next_segment_index] || 'mode',
-		prev: next_segment_index < 0 ? 'hrs' : segments_1[next_segment_index],
+		next: segments[next_segment_index] || 'mode',
+		prev: next_segment_index < 0 ? 'hrs' : segments[next_segment_index],
 	}[direction];
 
-	select_segment($input, next_segment);
-	manual_entry_log_1.clear();
-	update_a11y($input, ['select']);
+	select_segment$4($input, next_segment);
+	manual_entry_log$1.clear();
+	update_a11y$4($input, ['select']);
 };
 
-var next_segment = function next_segment ($input) {
-	traverse($input, 'next');
+var traverse$1 = traverse$2;
+
+var next_segment$3 = function next_segment ($input) {
+	traverse$1($input, 'next');
 };
 
-var prev_segment = function prev_segment ($input) {
+var traverse = traverse$2;
+
+var prev_segment$2 = function prev_segment ($input) {
 	traverse($input, 'prev');
 };
 
-var select_cursor_segment = function select_cursor_segment ($input) {
-	var current_segment = get_current_segment($input);
-	select_segment($input, current_segment);
+var get_current_segment$6 = get_current_segment$9;
+var select_segment$3 = select_segment$5;
+
+var select_cursor_segment$1 = function select_cursor_segment ($input) {
+	var current_segment = get_current_segment$6($input);
+	select_segment$3($input, current_segment);
 };
 
-var reset = function reset ($input) {
+var apply_default = apply_default$1;
+var select_segment$2 = select_segment$5;
+
+var reset$1 = function reset ($input) {
 	apply_default($input);
-	select_segment($input, 'hrs');
+	select_segment$2($input, 'hrs');
 };
 
-var set_segment = function set_segment ($input, segment, value) {
-	var values = get_values($input);
+var get_values$2 = get_values$4;
+var leading_zero$1 = leading_zero$4;
+var select_segment$1 = select_segment$5;
+var set_data_attribute = set_data_attribute$3;
+var trigger_both_events = trigger_both_events$2;
+
+var set_segment$5 = function set_segment ($input, segment, value) {
+	var values = get_values$2($input);
 	values[segment] = value;
 	var newInputVal = [
-		leading_zero(values.hrs),':',
-		leading_zero(values.min),' ',
+		leading_zero$1(values.hrs),':',
+		leading_zero$1(values.min),' ',
 		values.mode
 	].join('');
 	$input.value = newInputVal;
-	select_segment($input, segment);
+	select_segment$1($input, segment);
 	set_data_attribute($input, newInputVal);
 	trigger_both_events($input);
 };
 
-var all_number_keys = [
+var all_number_keys$2 = [
   // 0,  1,  2,  3,  4,  5,  6,  7,  8,  9
     48, 49, 50, 51, 52, 53, 54, 55, 56, 57,
     96, 97, 98, 99,100,101,102,103,104,105
 ];
 
-var all_number_keys_1 = all_number_keys;
+var all_number_keys_1 = all_number_keys$2;
 
-var sorted_number_keys = {};
+var all_number_keys$1 = all_number_keys_1;
+
+var sorted_number_keys$1 = {};
 // sorted_number_keys = { 48: 0, 49: 1, 96: 0, 97: 1, ... };
-all_number_keys_1.forEach(function(key, index) {
+all_number_keys$1.forEach(function(key, index) {
 	var number_val = index > 9 ? index - 10 : index;
-	sorted_number_keys[key] = number_val;
+	sorted_number_keys$1[key] = number_val;
 });
 
-var sorted_number_keys_1 = sorted_number_keys;
+var sorted_number_keys_1 = sorted_number_keys$1;
 
-var manual_number_entry = function manual_number_entry($input, key) {
-	var key_value = sorted_number_keys_1[key];
-	var segment = get_current_segment($input);
+var get_current_segment$5 = get_current_segment$9;
+var set_segment$4 = set_segment$5;
+var next_segment$2 = next_segment$3;
+
+var manual_entry_log = manual_entry_log_1;
+var sorted_number_keys = sorted_number_keys_1;
+
+var manual_number_entry$1 = function manual_number_entry($input, key) {
+	var key_value = sorted_number_keys[key];
+	var segment = get_current_segment$5($input);
 
 	if (segment !== 'mode') {
-		var entry_count = manual_entry_log_1.items().length;
+		var entry_count = manual_entry_log.items().length;
 
 		var upper_limits = {
 			hrs: [1,2],
@@ -363,41 +435,52 @@ var manual_number_entry = function manual_number_entry($input, key) {
 		var limit = upper_limits[segment][entry_count];
 
 		if (entry_count < 2) {
-			manual_entry_log_1.add(key_value);
+			manual_entry_log.add(key_value);
 		}
 
 		var full_limit = parseInt(upper_limits[segment].join(''));
-		var full_entry = parseInt(manual_entry_log_1.items().join(''));
+		var full_entry = parseInt(manual_entry_log.items().join(''));
 
 		if (full_limit >= full_entry) {
-			set_segment($input, segment, full_entry);
+			set_segment$4($input, segment, full_entry);
 		}
 
-		var at_limit = key_value > limit || manual_entry_log_1.items().length === 2;
+		var at_limit = key_value > limit || manual_entry_log.items().length === 2;
 
 		if (at_limit) {
-			next_segment($input);
+			next_segment$2($input);
 		}
 	}
 };
 
-var clear_segment = function clear_segment ($input, segment) {
-	set_segment($input, segment, '--');
-	update_a11y($input, ['update']);
+var set_segment$3 = set_segment$5;
+var update_a11y$3 = update_a11y$5;
+
+var clear_segment$1 = function clear_segment ($input, segment) {
+	set_segment$3($input, segment, '--');
+	update_a11y$3($input, ['update']);
 };
 
-var switch_mode = function switch_mode ($input, default_mode) {
+var get_values$1 = get_values$4;
+var set_segment$2 = set_segment$5;
+
+var switch_mode$2 = function switch_mode ($input, default_mode) {
 	default_mode = default_mode || 'AM';
-	var current_mode = get_values($input).mode;
+	var current_mode = get_values$1($input).mode;
 	var new_mode = {
 		'--' : default_mode,
 		'AM' : 'PM',
 		'PM' : 'AM',
 	}[current_mode];
-	set_segment($input, 'mode', new_mode);
+	set_segment$2($input, 'mode', new_mode);
 };
 
-var nudge_time_segment = function nudge_time_segment ($input, segment, direction) {
+var get_values = get_values$4;
+var convert_hours_to_12hr_time = convert_hours_to_12hr_time$2;
+var leading_zero = leading_zero$4;
+var set_segment$1 = set_segment$5;
+
+var nudge_time_segment$2 = function nudge_time_segment ($input, segment, direction) {
 	var current_values = get_values($input);
 	var time;
 
@@ -420,50 +503,70 @@ var nudge_time_segment = function nudge_time_segment ($input, segment, direction
 		};
 	}
 
-	set_segment($input, segment, leading_zero(time[segment]) );
+	set_segment$1($input, segment, leading_zero(time[segment]) );
 };
 
-var increment = function increment ($input, segment) {
+var switch_mode$1 = switch_mode$2;
+var nudge_time_segment$1 = nudge_time_segment$2;
+var update_a11y$2 = update_a11y$5;
+
+var increment$1 = function increment ($input, segment) {
 	if (segment === 'mode') {
-		switch_mode($input, 'AM');
+		switch_mode$1($input, 'AM');
 	} else {
-		nudge_time_segment($input, segment, 'up');
+		nudge_time_segment$1($input, segment, 'up');
 	}
-	update_a11y($input, ['update']);
+	update_a11y$2($input, ['update']);
 };
 
-var increment_current_segment = function increment_current_segment ($input) {
-	var current_segment = get_current_segment($input);
+var get_current_segment$4 = get_current_segment$9;
+var increment = increment$1;
+
+var increment_current_segment$1 = function increment_current_segment ($input) {
+	var current_segment = get_current_segment$4($input);
 	increment($input, current_segment);
 };
 
-var decrement = function decrement ($input, segment) {
+var switch_mode = switch_mode$2;
+var nudge_time_segment = nudge_time_segment$2;
+var update_a11y$1 = update_a11y$5;
+
+var decrement$1 = function decrement ($input, segment) {
 	if (segment === 'mode') {
 		switch_mode($input, 'PM');
 	} else {
 		nudge_time_segment($input, segment, 'down');
 	}
-	update_a11y($input, ['update']);
+	update_a11y$1($input, ['update']);
 };
 
-var decrement_current_segment = function decrement_current_segment ($input){
-	var current_segment = get_current_segment($input);
+var get_current_segment$3 = get_current_segment$9;
+var decrement = decrement$1;
+
+var decrement_current_segment$1 = function decrement_current_segment ($input){
+	var current_segment = get_current_segment$3($input);
 	decrement($input, current_segment);
 };
 
-var set_mode = function set_mode ($input, type) {
-	var segment = get_current_segment($input);
+var get_current_segment$2 = get_current_segment$9;
+var set_segment = set_segment$5;
+
+var set_mode$1 = function set_mode ($input, type) {
+	var segment = get_current_segment$2($input);
 	if (segment === 'mode') {
 		set_segment($input, segment, type);
 	}
 };
 
-var switch_to_data_value = function($input) {
+var switch_to_data_value$1 = function($input) {
 	var replacementVal = $input.dataset.value;
 	$input.value = replacementVal;
 };
 
-var switch_times = function switch_times ($input, format) {
+var switch_to_data_value = switch_to_data_value$1;
+var set_time = set_time$2;
+
+var switch_times$1 = function switch_times ($input, format) {
 	var is12hr = /\s/.test($input.value);
 
 	if (format != 12 && format != 24) {
@@ -485,22 +588,26 @@ var switch_times = function switch_times ($input, format) {
 	actions[format]();
 };
 
-var handle_tab = function handle_tab($input, e) {
-	var current_segment = get_current_segment($input);
+var get_current_segment$1 = get_current_segment$9;
+var prev_segment$1 = prev_segment$2;
+var next_segment$1 = next_segment$3;
+
+var handle_tab$1 = function handle_tab($input, e) {
+	var current_segment = get_current_segment$1($input);
 	var backwards_and_first = e.shiftKey && current_segment === 'hrs';
 	var forwards_and_last = !e.shiftKey && current_segment === 'mode';
 
 	if (!backwards_and_first && !forwards_and_last) {
 		e.preventDefault();
 		if (e.shiftKey) {
-			prev_segment($input);
+			prev_segment$1($input);
 		} else {
-			next_segment($input);
+			next_segment$1($input);
 		}
 	}
 };
 
-var named_keys = {
+var named_keys$1 = {
 	ArrowDown: 40,
 	ArrowRight: 39,
 	ArrowUp: 38,
@@ -514,8 +621,33 @@ var named_keys = {
 	p: 80,
 };
 
-var named_keys_1 = named_keys;
+var named_keys_1 = named_keys$1;
 
+var values = values$1;
+
+var select_segment = select_segment$5;
+
+var next_segment = next_segment$3;
+var prev_segment = prev_segment$2;
+var select_cursor_segment = select_cursor_segment$1;
+
+var get_current_segment = get_current_segment$9;
+
+var reset = reset$1;
+var manual_number_entry = manual_number_entry$1;
+var clear_segment = clear_segment$1;
+var increment_current_segment = increment_current_segment$1;
+var decrement_current_segment = decrement_current_segment$1;
+var set_mode = set_mode$1;
+var switch_times = switch_times$1;
+
+var handle_tab = handle_tab$1;
+
+var all_number_keys = all_number_keys_1;
+var named_keys = named_keys_1;
+
+var update_a11y = update_a11y$5;
+
 var bind_events = function bind_events ($input) {
 
 	var shiftKey = false;
@@ -551,7 +683,7 @@ var bind_events = function bind_events ($input) {
 	});
 
 	$input.addEventListener('blur', function(){
-		var current_value = $input.dataset.value;
+		$input.dataset.value;
 		focused_via_click = false;
 	});
 
@@ -571,11 +703,11 @@ var bind_events = function bind_events ($input) {
 		var is_enter_key = e.which === 13;
 		if (is_enter_key) return true;
 
-		var is_number_key = all_number_keys_1.indexOf(e.which) > -1;
-		var is_named_key = values(named_keys_1).indexOf(e.which) > -1;
-		var is_arrow_key = [named_keys_1.ArrowDown, named_keys_1.ArrowRight, named_keys_1.ArrowUp, named_keys_1.ArrowLeft].indexOf(e.which) > -1;
-		var is_mode_key = [named_keys_1.a, named_keys_1.p].indexOf(e.which) > -1;
-		var is_delete_key = [named_keys_1.Delete, named_keys_1.Backspace].indexOf(e.which) > -1;
+		var is_number_key = all_number_keys.indexOf(e.which) > -1;
+		var is_named_key = values(named_keys).indexOf(e.which) > -1;
+		var is_arrow_key = [named_keys.ArrowDown, named_keys.ArrowRight, named_keys.ArrowUp, named_keys.ArrowLeft].indexOf(e.which) > -1;
+		var is_mode_key = [named_keys.a, named_keys.p].indexOf(e.which) > -1;
+		var is_delete_key = [named_keys.Delete, named_keys.Backspace].indexOf(e.which) > -1;
 
 		if (!is_named_key || is_arrow_key || is_number_key || is_mode_key || is_delete_key) { e.preventDefault(); }
 
@@ -589,14 +721,14 @@ var bind_events = function bind_events ($input) {
 		}
 
 		switch (e.which) {
-			case named_keys_1.ArrowRight: next_segment($input); break;
-			case named_keys_1.ArrowLeft:  prev_segment($input); break;
-			case named_keys_1.ArrowUp:    increment_current_segment($input); break;
-			case named_keys_1.ArrowDown:  decrement_current_segment($input); break;
-			case named_keys_1.Escape:     reset($input); break;
-			case named_keys_1.a:          set_mode($input, 'AM'); break;
-			case named_keys_1.p:          set_mode($input, 'PM'); break;
-			case named_keys_1.Tab:        handle_tab($input, e); break;
+			case named_keys.ArrowRight: next_segment($input); break;
+			case named_keys.ArrowLeft:  prev_segment($input); break;
+			case named_keys.ArrowUp:    increment_current_segment($input); break;
+			case named_keys.ArrowDown:  decrement_current_segment($input); break;
+			case named_keys.Escape:     reset($input); break;
+			case named_keys.a:          set_mode($input, 'AM'); break;
+			case named_keys.p:          set_mode($input, 'PM'); break;
+			case named_keys.Tab:        handle_tab($input, e); break;
 		}
 	});
 };
@@ -611,7 +743,7 @@ function auto_swap($input) {
 }
 
 // selector is optional, it allows for an early exit
-var get_ancestors = function ($input, selectorString) {
+var get_ancestors$1 = function ($input, selectorString) {
 	var $elem = $input;
 
 	// https://stackoverflow.com/a/8729274/1611058
@@ -630,6 +762,8 @@ var get_ancestors = function ($input, selectorString) {
 	return ancestors;
 };
 
+var get_ancestors = get_ancestors$1;
+
 var get_label = function get_label ($input) {
 
 	var labelText =
@@ -690,128 +824,139 @@ var create_a11y_block = function create_accessibility_block () {
 	return $block;
 };
 
-var timeInputPolyfill = createCommonjsModule(function (module) {
-var accessibility_block_created = false;
-var $a11y;
+(function (module) {
+	var apply_default = apply_default$1;
+	var update_time$1 = update_time;
+	var set_data_attribute = set_data_attribute$3;
+	var bind_events$1 = bind_events;
+	var switch_times = switch_times$1;
+	var get_label$1 = get_label;
 
-function TimePolyfill($input) {
+	var create_a11y_block$1 = create_a11y_block;
 
-	$input.setAttribute('autocomplete','off');
+	var accessibility_block_created = false;
+	var $a11y;
 
-	// Prevent screen reader from announcing the default stuff
-	$input.setAttribute('aria-hidden', true);
+	function TimePolyfill($input) {
 
-	if (!accessibility_block_created) {
-		$a11y = create_a11y_block();
-		accessibility_block_created = true;
-	}
+		$input.setAttribute('autocomplete','off');
 
-	var label = get_label($input);
+		// Prevent screen reader from announcing the default stuff
+		$input.setAttribute('aria-hidden', true);
 
-	$input.polyfill = {
-		$a11y: $a11y,
-		label: label,
-		autoSwap: true,
-		update: function() {
-			update_time($input);
-		},
-		swap: function(forcedFormat) {
-			switch_times($input, forcedFormat);
+		if (!accessibility_block_created) {
+			$a11y = create_a11y_block$1();
+			accessibility_block_created = true;
 		}
-	};
 
-	if ($input.value === '' || /--/.test($input.value)) {
-		apply_default($input);
-		set_data_attribute($input, '');
-	} else {
-		update_time($input);
-		set_data_attribute($input, $input.value);
-	}
+		var label = get_label$1($input);
+
+		$input.polyfill = {
+			$a11y: $a11y,
+			label: label,
+			autoSwap: true,
+			update: function() {
+				update_time$1($input);
+			},
+			swap: function(forcedFormat) {
+				switch_times($input, forcedFormat);
+			}
+		};
 
-	bind_events($input);
-}
+		if ($input.value === '' || /--/.test($input.value)) {
+			apply_default($input);
+			set_data_attribute($input, '');
+		} else {
+			update_time$1($input);
+			set_data_attribute($input, $input.value);
+		}
 
-if (window) window.TimePolyfill = TimePolyfill;
-if (module) module.exports = TimePolyfill;
-});
+		bind_events$1($input);
+	}
+
+	if (window) window.TimePolyfill = TimePolyfill;
+	if (module) module.exports = TimePolyfill;
+} (timeInputPolyfill));
 
-function civilTimeToHTMLTime(civilTime) {
-    if (civilTime == undefined) {
-        return "";
-    }
-    var timeString = civilTime.toString();
-    return timeString.slice(0, 5);
-}
-function htmlTimeToCivilTime(timeString) {
-    try {
-        return temporal.CivilTime.fromString(timeString + ":00.000000000");
-    }
-    catch (_a) {
-        return undefined;
-    }
+var TimePolyfill = timeInputPolyfill.exports;
+
+function civilTimeToHTMLTime(civilTime) {
+    if (civilTime == undefined) {
+        return "";
+    }
+    var timeString = civilTime.toString();
+    return timeString.slice(0, 5);
+}
+function htmlTimeToCivilTime(timeString) {
+    try {
+        return temporal.CivilTime.fromString(timeString + ":00.000000000");
+    }
+    catch (_a) {
+        return undefined;
+    }
 }
 
-function InputTimeSafari(_a) {
-    var defaultValue = _a.defaultValue, value = _a.value, onChange = _a.onChange, params = __chunk_1.__rest(_a, ["defaultValue", "value", "onChange"]);
-    var inputTime = React__default.createRef();
-    var debouncedHandleChange = debounce(handleChange, 1000);
-    var changeHandler = generateEventHandler(debouncedHandleChange);
-    var blurHandler = generateEventHandler(handleChange);
-    React.useLayoutEffect(function () {
-        var input = inputTime.current;
-        new timeInputPolyfill(input);
-        if (value) {
-            input.value = civilTimeToHTMLTime(value);
-            input.polyfill.update();
-        }
-        if (defaultValue) {
-            input.value = civilTimeToHTMLTime(defaultValue);
-            input.polyfill.update();
-        }
-        input.addEventListener("change", changeHandler);
-        input.addEventListener("blur", blurHandler);
-        return function () {
-            window.removeEventListener("change", changeHandler);
-            window.removeEventListener("blur", blurHandler);
-        };
-    }, []);
-    React.useLayoutEffect(function () {
-        var input = inputTime.current;
-        if (value) {
-            input.value = civilTimeToHTMLTime(value);
-            input.polyfill.update();
-        }
-        if (defaultValue) {
-            input.value = civilTimeToHTMLTime(defaultValue);
-            input.polyfill.update();
-        }
-    }, [value, defaultValue]);
-    return React__default.createElement(index$4.FormField, __chunk_1.__assign({ inputRef: inputTime, type: "time" }, params));
-    function handleChange(newValue) {
-        onChange && onChange(htmlTimeToCivilTime(newValue));
-    }
-    function generateEventHandler(handler) {
-        return function (event) {
-            var newValue = event.currentTarget.dataset.value;
-            if (newValue != undefined) {
-                handler(newValue);
-            }
-        };
-    }
+function InputTimeSafari(_a) {
+    var defaultValue = _a.defaultValue, value = _a.value, onChange = _a.onChange, params = tslib_es6.__rest(_a, ["defaultValue", "value", "onChange"]);
+    var inputTime = React__default["default"].createRef();
+    var debouncedHandleChange = debounce__default["default"](handleChange, 1000);
+    var changeHandler = generateEventHandler(debouncedHandleChange);
+    var blurHandler = generateEventHandler(handleChange);
+    React.useLayoutEffect(function () {
+        var input = inputTime.current;
+        new TimePolyfill(input);
+        if (value) {
+            input.value = civilTimeToHTMLTime(value);
+            input.polyfill.update();
+        }
+        if (defaultValue) {
+            input.value = civilTimeToHTMLTime(defaultValue);
+            input.polyfill.update();
+        }
+        input.addEventListener("change", changeHandler);
+        input.addEventListener("blur", blurHandler);
+        return function () {
+            window.removeEventListener("change", changeHandler);
+            window.removeEventListener("blur", blurHandler);
+        };
+    }, []);
+    React.useLayoutEffect(function () {
+        var input = inputTime.current;
+        if (value) {
+            input.value = civilTimeToHTMLTime(value);
+            input.polyfill.update();
+        }
+        if (defaultValue) {
+            input.value = civilTimeToHTMLTime(defaultValue);
+            input.polyfill.update();
+        }
+    }, [value, defaultValue]);
+    return React__default["default"].createElement(FormField.FormField, tslib_es6.__assign({ inputRef: inputTime, type: "time" }, params));
+    function handleChange(newValue) {
+        onChange && onChange(htmlTimeToCivilTime(newValue));
+    }
+    function generateEventHandler(handler) {
+        return function (event) {
+            var newValue = event.currentTarget.dataset.value;
+            if (newValue != undefined) {
+                handler(newValue);
+            }
+        };
+    }
 }
 
-function InputTime(_a) {
-    var defaultValue = _a.defaultValue, value = _a.value, onChange = _a.onChange, params = __chunk_1.__rest(_a, ["defaultValue", "value", "onChange"]);
-    var handleChange = function (newValue) {
-        onChange && onChange(htmlTimeToCivilTime(newValue));
-    };
-    if (supportsTime$1) {
-        var fieldProps = __chunk_1.__assign(__chunk_1.__assign(__chunk_1.__assign({ onChange: handleChange }, (defaultValue && { defaultValue: civilTimeToHTMLTime(defaultValue) })), (!defaultValue && { value: civilTimeToHTMLTime(value) })), params);
-        return React__default.createElement(index$4.FormField, __chunk_1.__assign({ type: "time" }, fieldProps));
-    }
-    else {
-        return (React__default.createElement(InputTimeSafari, __chunk_1.__assign({ defaultValue: defaultValue, value: value, onChange: onChange }, params)));
-    }
+function InputTime(_a) {
+    var defaultValue = _a.defaultValue, value = _a.value, onChange = _a.onChange, params = tslib_es6.__rest(_a, ["defaultValue", "value", "onChange"]);
+    var handleChange = function (newValue) {
+        onChange && onChange(htmlTimeToCivilTime(newValue));
+    };
+    if (supportsTime) {
+        var fieldProps = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({ onChange: handleChange }, (defaultValue && { defaultValue: civilTimeToHTMLTime(defaultValue) })), (!defaultValue && { value: civilTimeToHTMLTime(value) })), params);
+        return React__default["default"].createElement(FormField.FormField, tslib_es6.__assign({ type: "time" }, fieldProps));
+    }
+    else {
+        return (React__default["default"].createElement(InputTimeSafari, tslib_es6.__assign({ defaultValue: defaultValue, value: value, onChange: onChange }, params)));
+    }
 }
 
 exports.InputTime = InputTime;