Add support for range input (#46)

* Working range date parsing with Chrono

* Add error handling when inputting range
Allow 1-2 dates
Styling fixes for the docs page
More tests

* Styling and docs tweaks

* Add NPM version badge

.changeset/nine-colts-fetch.md

@@ -0,0 +1,5 @@
+---
+"inclusive-dates": patch
+---
+
+Add support for range input

README.md

@@ -16,6 +16,7 @@
     <img alt="Github test action status" src="https://github.com/fymmot/inclusive-dates/actions/workflows/test.yml/badge.svg" />
     <!-- <img alt="Github publish action status" src="https://github.com/inclusive-dates-v2/actions/workflows/publish.yml/badge.svg" /> -->
     <img alt="Github docs action status" src="https://github.com/fymmot/inclusive-dates/actions/workflows/docs.yml/badge.svg" />
+    <img alt="NPM version" src="https://img.shields.io/npm/v/inclusive-dates?color=informational">
   </div>
 </div>
 

docs/css/bamboo.css

@@ -25,7 +25,10 @@
   --b-link: #c7c7ff;
   --b-btn-bg: #0000ff;
   --b-btn-txt: #fff;
-  --b-focus: #eeff51;
+  --b-focus: #ffbf00;
+}
+*:focus-visible:not(inclusive-dates *) {
+  outline: 0.25rem solid var(--b-focus);
 }
 
 *,
@@ -266,6 +269,10 @@ textarea {
   line-height: 1.125;
 }
 
+button:not(inclusive-dates button) {
+  outline-offset: 0.125rem;
+}
+
 select:not(.inclusive-dates-calendar__month-select),
 input[type="text"]:not(inclusive-dates input) {
   width: 100%;
@@ -282,6 +289,7 @@ input[type="text"]:not(inclusive-dates input) {
 }
 .skip-link:focus {
   transform: translateY(0);
+  outline-offset: 0.125rem;
 }
 
 [type="color" i] {