Merge branch 'hotfix/v1.0.9'

Author: Daniel Tonon

README.md

@@ -12,7 +12,12 @@ An accessible polyfill for `<input type='time'/>` elements.
 
 Demo available here: https://dan503.github.io/time-input-polyfill/
 
-**Note:** If the recommended version in this documentation is out of sync with the npm version, this is because npm only allows readme edits to be committed through full releases. To prevent needless cache invalidation, I'll only update the recommended version number when there are actual changes to the polyfill code. The current recommended version is `1.0.7`. As long as you are using a version that is equal to or higher than that, you are using the latest version of the polyfill.
+<details>
+  <summary>The recommended version is <code>1.0.9</code> or higher.</summary>
+
+<p>If the recommended version in this documentation is out of sync with the npm version, this is because npm only allows readme edits to be committed through full releases. To prevent needless cache invalidation, I'll only update the recommended version number when there are actual changes to the polyfill code. The current recommended version is <code>1.0.9</code>. As long as you are using a version that is equal to or higher than that, you are using the latest version of the polyfill.</p>
+
+</details>
 
 ## Pre-built components
 
@@ -54,7 +59,7 @@ You didn't load the actual polyfill onto the page, you loaded a much smaller aut
 1. The initialiser checks if the browser supports `input[type="time"]` elements.
 2. If it **does**, it skips the rest of the functionality.
 3. If it does **not**, it will:
-	1. load `https://cdn.jsdelivr.net/npm/[email protected].7/dist/time-input-polyfill.min.js` (the actual polyfill).
+	1. load `https://cdn.jsdelivr.net/npm/[email protected].9/dist/time-input-polyfill.min.js` (the actual polyfill).
 	2. Collect all existing `input[type="time"]` elements on the page.
 	3. Loop through each `input[type="time"]` element and apply the polyfill to it.
 
@@ -97,7 +102,7 @@ if (!supportsTime) {
 First check for `input[type="time"]` support.
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/[email protected].7/core/helpers/supportsTime.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected].9/core/helpers/supportsTime.js"></script>
 ```
 ```js
 if (!supportsTime) {
@@ -108,8 +113,8 @@ if (!supportsTime) {
 Then gather a list of all `input[type="time"]` elements on the page, and loop through them to apply the polyfill.
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/[email protected].7/core/helpers/supportsTime.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/[email protected].7/dist/time-input-polyfill.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected].9/core/helpers/supportsTime.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected].9/dist/time-input-polyfill.min.js"></script>
 ```
 ```js
 if (!supportsTime) {

auto.js

@@ -4,15 +4,15 @@ var loadJS = require('./core/helpers/loadJS')
 document.addEventListener('DOMContentLoaded', function() {
   if (!supports_time) {
     loadJS(
-      'https://cdn.jsdelivr.net/npm/[email protected].7/dist/time-input-polyfill.min.js',
+      'https://cdn.jsdelivr.net/npm/[email protected].9/dist/time-input-polyfill.min.js',
       function() {
         var $inputs = [].slice.call(
-          document.querySelectorAll('input[type="time"]'),
+          document.querySelectorAll('input[type="time"]')
         )
         $inputs.forEach(function($input) {
           new TimePolyfill($input)
         })
-      },
+      }
     )
   }
 })

core/accessibility/create_a11y_block.js

@@ -3,7 +3,7 @@ module.exports = function create_accessibility_block() {
   $block.setAttribute('aria-live', 'assertive')
   $block.setAttribute(
     'style',
-    'position: absolute; opacity: 0; height: 0; width: 0; overflow: hidden; pointer-events: none;',
+    'position: absolute; opacity: 0; height: 0; width: 0; overflow: hidden; pointer-events: none;'
   )
   $block.classList.add('time-input-polyfill-accessibility-block')
   document.querySelector('body').appendChild($block)

core/converters/convert_to_12hr_time.js

@@ -9,7 +9,7 @@ module.exports = function convert_to_12hr_time(timeString_24hr) {
   var hrs_24 = convert_number(result[1])
   var min = result[2]
   var hrs_12 = convert_hours_to_12hr_time(hrs_24)
-  var isPM = hrs_24 > 12
+  var isPM = hrs_24 >= 12
   var mode = isPM ? 'PM' : 'AM'
   return [leading_zero(hrs_12), ':', min, ' ', mode].join('')
 }