Internet Archive histogram date range picker
npm install @internetarchive/histogram-date-rangeCheck out the interactive demo.
This webcomponent follows the open-wc recommendation.
Travis:

CodeCov: 
``bash`
npm i @internetarchive/histogram-date-range
`html`
height="50"
tooltipWidth="140"
dateFormat="DD MMM YYYY"
style="
--histogramDateRangeTooltipFontSize: 1rem;
--histogramDateRangeInputWidth: 85px;
"
minDate="1400"
maxDate="2021"
minSelectedDate="1800"
maxSelectedDate="1900"
bins="[ 74, 67, 17, 66, 49, 93, 47, 61, 32, 46, 53, 2,
13, 45, 28, 1, 8, 70, 37, 74, 67, 17, 66, 49, 93,
47, 61, 70, 37, 74, 67, 17, 66, 49, 93, 47, 61, 32,
32, 70, 37, 74, 67, 17, 66, 49, 93, 47, 61, 32
]"
>
A slot named inputs-right-side is available for inserting elements to the right
of the min/max date input fields, e.g.:
`html`
To scan the project for linting errors, run
`bash`
npm run lint
You can lint with ESLint and Prettier individually as well
`bash`
npm run lint:eslint
`bash`
npm run lint:prettier
To automatically fix many linting errors, run
`bash`
npm run format
You can format using ESLint and Prettier individually as well
`bash`
npm run format:eslint
`bash`
npm run format:prettier
To run the suite of Web Test Runner tests, run
`bash`
npm run test
To run the tests in watch mode (for <abbr title="test driven development">TDD</abbr>, for example), run
`bash`
npm run test:watch
For most of the tools, the configuration is in the package.json to reduce the amount of files in your project.
If you customize the configuration a lot, you can consider moving them to individual files.
`bash`
npm start
To run a local development server that serves the basic demo located in demo/index.html`