{"id":13481315,"url":"https://github.com/deseretdigital/dayzed","last_synced_at":"2025-12-29T06:13:31.944Z","repository":{"id":37390926,"uuid":"108016336","full_name":"deseretdigital/dayzed","owner":"deseretdigital","description":"Primitives to build simple, flexible, WAI-ARIA compliant React date-picker components.","archived":false,"fork":false,"pushed_at":"2024-09-18T17:16:26.000Z","size":152,"stargazers_count":662,"open_issues_count":9,"forks_count":27,"subscribers_count":25,"default_branch":"master","last_synced_at":"2024-10-24T20:30:28.191Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://dayzed.netlify.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/deseretdigital.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":"CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-10-23T17:36:20.000Z","updated_at":"2024-10-07T20:49:27.000Z","dependencies_parsed_at":"2024-06-18T12:36:19.592Z","dependency_job_id":"353d16fc-1e3b-47b3-abdf-160304118268","html_url":"https://github.com/deseretdigital/dayzed","commit_stats":null,"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deseretdigital%2Fdayzed","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deseretdigital%2Fdayzed/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deseretdigital%2Fdayzed/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deseretdigital%2Fdayzed/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deseretdigital","download_url":"https://codeload.github.com/deseretdigital/dayzed/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245007238,"owners_count":20546143,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T17:00:50.770Z","updated_at":"2025-12-29T06:13:26.913Z","avatar_url":"https://github.com/deseretdigital.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Components","Libraries"],"sub_categories":["Inputs"],"readme":"# dayzed\n\nPrimitives to build simple, flexible, WAI-ARIA compliant React date-picker\ncomponents.\n\n[![version][version-badge]][package] [![MIT License][license-badge]][license]\n[![All Contributors](https://img.shields.io/badge/all_contributors-7-orange.svg?style=flat-square)](#contributors)\n\n[![Supports React and Preact][react-badge]][react]\n[![size][size-badge]][unpkg-dist] [![gzip size][gzip-badge]][unpkg-dist]\n[![module formats: umd, cjs, and es][module-formats-badge]][unpkg-dist]\n\n## The problem\n\nYou need a date-picker in your application that is accessible, can fit a number\nof use cases (single date, multi date, range), and has styling and layout that\ncan be easily extended.\n\n## This solution\n\nThis is a component that focuses on controlling user interactions so you can\nfocus on creating beautiful, accessible, and useful date-pickers. It uses a\ncustom [Hook][react-hooks] or a [render function as\nchildren][render-function-as-children]. This means you are responsible for\nrendering everything, but props are provided by the Hook or render function,\nthrough a pattern called [prop getters][prop-getters], which can be used to help\nenhance what you are rendering.\n\nThis differs from other solutions which render things for their use case and\nthen expose many options to allow for extensibility resulting in a bigger API\nthat is less flexible as well as making the implementation more complicated and\nharder to contribute to.\n\n## Table of Contents\n\n\u003c!-- START doctoc generated TOC please keep comment here to allow auto update --\u003e\n\u003c!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --\u003e\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Props](#props)\n  - [date](#date)\n  - [maxDate](#maxdate)\n  - [minDate](#mindate)\n  - [monthsToDisplay](#monthstodisplay)\n  - [firstDayOfWeek](#firstdayofweek)\n  - [showOutsideDays](#showoutsidedays)\n  - [selected](#selected)\n  - [onDateSelected](#ondateselected)\n  - [render](#render)\n  - [offset](#offset)\n  - [onOffsetChanged](#onoffsetchanged)\n- [Control Props](#control-props)\n- [Custom Hook](#custom-hook)\n- [Render Prop Function](#render-prop-function)\n  - [prop getters](#prop-getters)\n  - [state](#state)\n- [Inspiration and Thanks!](#inspiration-and-thanks)\n- [Other Solutions](#other-solutions)\n- [Contributors](#contributors)\n- [LICENSE](#license)\n\n\u003c!-- END doctoc generated TOC please keep comment here to allow auto update --\u003e\n\n## Installation\n\nThis module is distributed via [npm][npm] which is bundled with [node][node] and\nshould be installed as one of your project's `dependencies`:\n\n```\nnpm install --save dayzed\n```\n\nOr, you can install this module through the [yarn][yarn] package manager.\n\n```\nyarn add dayzed\n```\n\n\u003e This package also depends on `react@\u003e=16.8.0` and `prop-types`. Please make\n\u003e sure you have those installed as well.\n\n\u003e Note also this library supports `preact@\u003e=10` out of the box. If you are using\n\u003e `preact` then use the corresponding module in the `preact/dist` folder. You\n\u003e can even `import Dayzed from 'dayzed/preact'` or\n\u003e `import { useDayzed } from 'dayzed/preact'`\n\n## Usage\n\n```jsx\nimport React from 'react';\nimport Dayzed, { useDayzed } from 'dayzed';\n\nconst monthNamesShort = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec'\n];\nconst weekdayNamesShort = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\nfunction Calendar({ calendars, getBackProps, getForwardProps, getDateProps }) {\n  if (calendars.length) {\n    return (\n      \u003cdiv style={{ maxWidth: 800, margin: '0 auto', textAlign: 'center' }}\u003e\n        \u003cdiv\u003e\n          \u003cbutton {...getBackProps({ calendars })}\u003eBack\u003c/button\u003e\n          \u003cbutton {...getForwardProps({ calendars })}\u003eNext\u003c/button\u003e\n        \u003c/div\u003e\n        {calendars.map(calendar =\u003e (\n          \u003cdiv\n            key={`${calendar.month}${calendar.year}`}\n            style={{\n              display: 'inline-block',\n              width: '50%',\n              padding: '0 10px 30px',\n              boxSizing: 'border-box'\n            }}\n          \u003e\n            \u003cdiv\u003e\n              {monthNamesShort[calendar.month]} {calendar.year}\n            \u003c/div\u003e\n            {weekdayNamesShort.map(weekday =\u003e (\n              \u003cdiv\n                key={`${calendar.month}${calendar.year}${weekday}`}\n                style={{\n                  display: 'inline-block',\n                  width: 'calc(100% / 7)',\n                  border: 'none',\n                  background: 'transparent'\n                }}\n              \u003e\n                {weekday}\n              \u003c/div\u003e\n            ))}\n            {calendar.weeks.map((week, weekIndex) =\u003e\n              week.map((dateObj, index) =\u003e {\n                let key = `${calendar.month}${calendar.year}${weekIndex}${index}`;\n                if (!dateObj) {\n                  return (\n                    \u003cdiv\n                      key={key}\n                      style={{\n                        display: 'inline-block',\n                        width: 'calc(100% / 7)',\n                        border: 'none',\n                        background: 'transparent'\n                      }}\n                    /\u003e\n                  );\n                }\n                let { date, selected, selectable, today } = dateObj;\n                let background = today ? 'cornflowerblue' : '';\n                background = selected ? 'purple' : background;\n                background = !selectable ? 'teal' : background;\n                return (\n                  \u003cbutton\n                    style={{\n                      display: 'inline-block',\n                      width: 'calc(100% / 7)',\n                      border: 'none',\n                      background\n                    }}\n                    key={key}\n                    {...getDateProps({ dateObj })}\n                  \u003e\n                    {selectable ? date.getDate() : 'X'}\n                  \u003c/button\u003e\n                );\n              })\n            )}\n          \u003c/div\u003e\n        ))}\n      \u003c/div\u003e\n    );\n  }\n  return null;\n}\n\n/*----------- Render Prop -----------*/\n\nclass Datepicker extends React.Component {\n  render() {\n    return (\n      \u003cDayzed\n        onDateSelected={this.props.onDateSelected}\n        selected={this.props.selected}\n        render={dayzedData =\u003e \u003cCalendar {...dayzedData} /\u003e}\n      /\u003e\n    );\n  }\n}\n\n///////////////////////////////////////\n// OR\n///////////////////////////////////////\n\n/*----------- Custom Hook -----------*/\n\nfunction Datepicker(props) {\n  let dayzedData = useDayzed(props);\n  return \u003cCalendar {...dayzedData} /\u003e;\n}\n\nclass Single extends React.Component {\n  state = { selectedDate: null };\n\n  _handleOnDateSelected = ({ selected, selectable, date }) =\u003e {\n    this.setState(state =\u003e ({ selectedDate: date }));\n  };\n\n  render() {\n    let { selectedDate } = this.state;\n    return (\n      \u003cdiv\u003e\n        \u003cDatepicker\n          selected={this.state.selectedDate}\n          onDateSelected={this._handleOnDateSelected}\n        /\u003e\n        {this.state.selectedDate \u0026\u0026 (\n          \u003cdiv style={{ paddingTop: 20, textAlign: 'center' }}\u003e\n            \u003cp\u003eSelected:\u003c/p\u003e\n            \u003cp\u003e{`${selectedDate.toLocaleDateString()}`}\u003c/p\u003e\n          \u003c/div\u003e\n        )}\n      \u003c/div\u003e\n    );\n  }\n}\n\nexport default Single;\n```\n\n## Props\n\n### date\n\n\u003e `date` | defaults to `new Date()`\n\nUsed to calculate what month to display on initial render.\n\n### maxDate\n\n\u003e `date` | optional\n\nUsed to calculate the maximum month to render.\n\n### minDate\n\n\u003e `date` | optional\n\nUsed to calculate the minimum month to render.\n\n### monthsToDisplay\n\n\u003e `number` | defaults to `1`\n\nNumber of months returned, based off the `date` and `offset` props.\n\n### firstDayOfWeek\n\n\u003e `number` | defaults to `0`\n\nFirst day of the week with possible values 0-6 (Sunday to Saturday). Defaults to\nSunday.\n\n### showOutsideDays\n\n\u003e `boolean` | defaults to false\n\nFlag to fill front and back weeks with dates from adjacent months.\n\n### selected\n\n\u003e `any` | optional\n\nAn array of `Date`s or a single `Date` that has been selected.\n\n### onDateSelected\n\n\u003e `function(selectedDate: Date, event: Event)` | _required_\n\nCalled when the user selects a date.\n\n- `selectedDate`: The date that was just selected.\n- `event`: The event fired when the date was selected.\n\n### render\n\n\u003e `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Render Prop Function](#render-prop-function)\".\n\n### offset\n\n\u003e `number` | **control prop** (read more about this in the \"Control Props\"\n\u003e section below) - defaults to `0` if not controlled.\n\nNumber off months to offset from the `date` prop.\n\n### onOffsetChanged\n\n\u003e `function(offset: number)` | **control prop** (read more about this in the\n\u003e \"Control Props\" section below)\n\nCalled when the user selects to go forward or back. This function is\n**required** if `offset` is being provided as a prop.\n\n- `offset`: The number of months offset.\n\n## Control Props\n\ndayzed manages its own `offset` state internally and calls your\n`onOffsetChanged` handler when the offset changes. Your render prop function\n(read more below) can be used to manipulate this state from within the render\nfunction and can likely support many of your use cases.\n\nHowever, if more control is needed, you can pass `offset` as a prop (as\nindicated above) and that state becomes controlled. As soon as\n`this.props.offset !== undefined`, internally, `dayzed` will determine its state\nbased on your prop's value rather than its own internal state. You will be\nrequired to keep the state up to date (this is where the `onOffsetChanged`\nhandler comes in really handy), but you can also control the state from\nanywhere, be that state from other components, `redux`, `react-router`, or\nanywhere else.\n\n\u003e Note: This is very similar to how normal controlled components work elsewhere\n\u003e in react (like `\u003cinput /\u003e`). If you want to learn more about this concept, you\n\u003e can learn about that from this the [\"Controlled Components\"\n\u003e lecture][controlled-components-lecture]\n\n## Custom Hook\n\nYou can either use the custom `useDayzed` hook or the render prop function\n(described in the section below) to return the things needed to render your\ncalendars. The custom Hook has a benefit over the render prop function as it\ndoes not unnecessarily add an additional child into the render tree. Example:\n\n```jsx\nfunction Datepicker(props) {\n  let { calendars, getBackProps, getForwardProps, getDateProp } = useDayzed(\n    props\n  );\n  return \u003cdiv\u003e{/* calendar elements */}\u003c/div\u003e;\n}\n```\n\n## Render Prop Function\n\nThis is where you render whatever you want to based on the state of `dayzed`.\nIt's a regular prop called `render`: `\u003cDayzed render={/* right here*/} /\u003e`.\n\n\u003e You can also pass it as the children prop if you prefer to do things that way\n\u003e `\u003cDayzed\u003e{/* right here*/}\u003c/Dayzed\u003e`\n\nFun fact, the `Dazyed` render prop component actually uses the `useDayzed`\ncustom Hook under the hood.\n\nThe properties of this object can be split into two categories as indicated\nbelow:\n\n### prop getters\n\n\u003e See [the blog post about prop getters][prop-getters]\n\nThese functions are used to apply props to the elements that you render. This\ngives you maximum flexibility to render what, when, and wherever you like. You\ncall these on the element in question (for example:\n`\u003cbutton {...getDateProps()}`)). It's advisable to pass all your props to that\nfunction rather than applying them on the element yourself to avoid your props\nbeing overridden (or overriding the props returned). For example:\n`getDateProps({onClick(event) {console.log(event)}})`.\n\n| property          | type           | description                                                                    |\n| ----------------- | -------------- | ------------------------------------------------------------------------------ |\n| `getDateProps`    | `function({})` | Returns the props you should apply to the date button elements you render.     |\n| `getBackProps`    | `function({})` | Returns the props you should apply to any `back` button element you render.    |\n| `getForwardProps` | `function({})` | Returns the props you should apply to any `forward` button element you render. |\n\n### state\n\nThese are values that represent the current state of the dayzed component.\n\n| property                               | type      | description                                                                                                                                                  |\n| -------------------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| `calendars`                            | `any`     | An array containing objects of each month's data.                                                                                                            |\n| `calendars[{}].month`                  | `number`  | Zero-based number of the month. (0 - 11)                                                                                                                     |\n| `calendars[{}].year`                   | `number`  | The year of the month.                                                                                                                                       |\n| `calendars[{}].firstDayOfMonth`        | `date`    | First day of the month.                                                                                                                                      |\n| `calendars[{}].lastDayOfMonth`         | `date`    | Last day of the month.                                                                                                                                       |\n| `calendars[{}].weeks`                  | `any`     | An array containing an array of date objects for each week of the month. Starting from Sunday to Saturday. `[ [\"\", \"\", \"\", \"\", dateObj, dateObj, dateObj] ]` |\n| `calendars[{}].weeks[[{}]].date`       | `date`    | A `Date` object for that day of the week.                                                                                                                    |\n| `calendars[{}].weeks[[{}]].selected`   | `boolean` | Whether the `Date` was given as part of the provided `selected` prop.                                                                                        |\n| `calendars[{}].weeks[[{}]].selectable` | `boolean` | Whether the `Date` is selectable given the provided `maxDate` and `minDate` props.                                                                           |\n| `calendars[{}].weeks[[{}]].today`      | `boolean` | Whether the `Date` is today's date.                                                                                                                          |\n| `calendars[{}].weeks[[{}]].prevMonth`  | `boolean` | Whether the `Date` is in the previous month. Useful when the `showOutsideDays` flag is used.                                                                 |\n| `calendars[{}].weeks[[{}]].nextMonth`  | `boolean` | Whether the `Date` is in the next month. Useful when the `showOutsideDays` flag is used.                                                                     |\n\n## Inspiration and Thanks!\n\n- [Jen Luker][jenluker]\n  - For help with naming and reviewing this library.\n- [Kent C. Dodds][kentcdodds]\n  - This library borrows **heavily** from his awesome [downshift][downshift]\n    library!\n- [Michael Jackson][michaeljackson] \u0026 [Ryan Florence][ryanflorence]\n  - For teaching the use of the [render prop pattern][render-prop-pattern].\n\n## Other Solutions\n\nHere are some other great daypicker solutions:\n\n- [react-dates][react-dates]\n- [react-calendar][react-calendar]\n- [react-day-picker][react-day-picker]\n\n## Contributors\n\nThanks goes to these people ([emoji key][emojis]):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore --\u003e\n| [\u003cimg src=\"https://avatars2.githubusercontent.com/u/3399907?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMorgan Kartchner\u003c/b\u003e\u003c/sub\u003e](https://github.com/mkartchner994)\u003cbr /\u003e[💻](https://github.com/mkartchner994/dayzed/commits?author=mkartchner994 \"Code\") [📖](https://github.com/mkartchner994/dayzed/commits?author=mkartchner994 \"Documentation\") [💡](#example-mkartchner994 \"Examples\") [🤔](#ideas-mkartchner994 \"Ideas, Planning, \u0026 Feedback\") [👀](#review-mkartchner994 \"Reviewed Pull Requests\") [⚠️](https://github.com/mkartchner994/dayzed/commits?author=mkartchner994 \"Tests\") | [\u003cimg src=\"https://avatars2.githubusercontent.com/u/1584489?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJen Luker\u003c/b\u003e\u003c/sub\u003e](http://jenluker.com)\u003cbr /\u003e[💻](https://github.com/mkartchner994/dayzed/commits?author=knitcodemonkey \"Code\") [💡](#example-knitcodemonkey \"Examples\") [🤔](#ideas-knitcodemonkey \"Ideas, Planning, \u0026 Feedback\") | [\u003cimg src=\"https://avatars0.githubusercontent.com/u/10711493?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSam Gale\u003c/b\u003e\u003c/sub\u003e](https://github.com/sjgale)\u003cbr /\u003e[💻](https://github.com/mkartchner994/dayzed/commits?author=sjgale \"Code\") [🤔](#ideas-sjgale \"Ideas, Planning, \u0026 Feedback\") | [\u003cimg src=\"https://avatars0.githubusercontent.com/u/13774309?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eArthur Denner\u003c/b\u003e\u003c/sub\u003e](https://github.com/arthurdenner)\u003cbr /\u003e[💻](https://github.com/mkartchner994/dayzed/commits?author=arthurdenner \"Code\") [🤔](#ideas-arthurdenner \"Ideas, Planning, \u0026 Feedback\") | [\u003cimg src=\"https://avatars0.githubusercontent.com/u/410792?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDony Sukardi\u003c/b\u003e\u003c/sub\u003e](http://dsds.io)\u003cbr /\u003e[💻](https://github.com/mkartchner994/dayzed/commits?author=donysukardi \"Code\") [💡](#example-donysukardi \"Examples\") [⚠️](https://github.com/mkartchner994/dayzed/commits?author=donysukardi \"Tests\") | [\u003cimg src=\"https://avatars3.githubusercontent.com/u/3483526?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAmit Solanki\u003c/b\u003e\u003c/sub\u003e](http://solankiamit.com)\u003cbr /\u003e[📖](https://github.com/mkartchner994/dayzed/commits?author=iamsolankiamit \"Documentation\") | [\u003cimg src=\"https://avatars0.githubusercontent.com/u/3090112?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eNathanael CHERRIER\u003c/b\u003e\u003c/sub\u003e](https://nathanaelcherrier.com)\u003cbr /\u003e[💻](https://github.com/mkartchner994/dayzed/commits?author=mindsers \"Code\") [🤔](#ideas-mindsers \"Ideas, Planning, \u0026 Feedback\") [⚠️](https://github.com/mkartchner994/dayzed/commits?author=mindsers \"Tests\") |\n| :---: | :---: | :---: | :---: | :---: | :---: | :---: |\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors][all-contributors] specification.\nContributions of any kind welcome!\n\n## LICENSE\n\nMIT\n\n[render-function-as-children]:\n  https://medium.com/merrickchristensen/function-as-child-components-5f3920a9ace9\n[prop-getters]:\n  https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf\n[npm]: https://www.npmjs.com/\n[node]: https://nodejs.org\n[yarn]: https://yarnpkg.com\n[controlled-components-lecture]:\n  https://courses.reacttraining.com/courses/advanced-react/lectures/3172720\n[downshift]: https://github.com/paypal/downshift\n[jenluker]: https://github.com/knitcodemonkey\n[kentcdodds]: https://github.com/kentcdodds\n[michaeljackson]: https://github.com/mjackson\n[ryanflorence]: https://github.com/ryanflorence\n[render-prop-pattern]:\n  https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce\n[react-dates]: https://github.com/airbnb/react-dates\n[react-calendar]: https://github.com/wojtekmaj/react-calendar\n[react-day-picker]: https://github.com/gpbl/react-day-picker\n[emojis]: https://github.com/kentcdodds/all-contributors#emoji-key\n[all-contributors]: https://github.com/kentcdodds/all-contributors\n[license-badge]: https://img.shields.io/npm/l/dayzed.svg?style=flat-square\n[license]: https://github.com/deseretdigital/dayzed/blob/master/LICENSE\n[version-badge]: https://img.shields.io/npm/v/dayzed.svg?style=flat-square\n[package]: https://www.npmjs.com/package/dayzed\n[react-badge]:\n  https://img.shields.io/badge/%E2%9A%9B%EF%B8%8F-(p)react-00d8ff.svg?style=flat-square\n[react]: https://facebook.github.io/react/\n[gzip-badge]:\n  http://img.badgesize.io/https://unpkg.com/dayzed/dist/dayzed.umd.min.js?compression=gzip\u0026label=gzip%20size\u0026style=flat-square\n[size-badge]:\n  http://img.badgesize.io/https://unpkg.com/dayzed/dist/dayzed.umd.min.js?label=size\u0026style=flat-square\n[unpkg-dist]: https://unpkg.com/dayzed/dist/\n[module-formats-badge]:\n  https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20es-green.svg?style=flat-square\n[react-hooks]: https://reactjs.org/docs/hooks-intro.html\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeseretdigital%2Fdayzed","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeseretdigital%2Fdayzed","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeseretdigital%2Fdayzed/lists"}