{"repo":"nathanstitt/dayz","free":true,"listed":false,"github":"https://github.com/nathanstitt/dayz","clone":"git clone https://github.com/nathanstitt/dayz.git","description":"A calendar component for React","language":"JavaScript","stars":239,"topics":["react","calendar","hacktoberfest"],"license":null,"category":"productivity","readme_excerpt":"A day/week/monthly calendar component for React Features Only includes the minimal amount of features needed. There is no paging controls provided, as they can easily be implemented outside the component. This allows Dayz to be used both as a traditional next or previous month calendar or as part of a scrolling infinite view. Modern styling and layout Uses css grid and flexbox layout All heights/widths are specified as percentages so the component will size to fit whatever container it's rendered into. Styles are written in scss with variables which can be modified for customized builds. Care is taken to retain elements when switching view types, this allows minimal DOM reflow and allows nice animation effects where events warp into position. Demo An interactive demo can be viewed at: http://nathanstitt.github.io/dayz/ The demo source for the demo is demo.jsx Usage API The Dayz component accepts these properties: date (required): An momentjs instance that controls what range is displayed. The calendar will automatically calculate the month or week that contains this date and display the appropriate range. events (optional): An Dayz.EventsCollection instance that contains events that should be displayed on the calendar. Dayz.EventsCollection accepts two arguments: An array of events a list of optional properties. Currently two options that can be set are: displayAllDay , If set to true it will show events that are marked as an all day event at the top of the week and day views","default_branch":null,"files":null,"tree":[],"storefront":"/r/nathanstitt","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/nathanstitt/dayz/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}