react-store-timing-selector v0.1.2

React Store Timing Selector

This is a custom input element that can be used in forms and redux forms for handling opening time selection for a store/business/event within a week. All the days in the week will be listed in a tabular format with its own checkbox for determining whether it's open on that day or not and input components for slecting opening and closing time's.

This project was bootstrapped with Create React App.

Installation

In the project directory, you can run:

npm i react-store-timing-selector

Screenshot

Sample response

{
"mon":{"label":"Monday","isOpen":false,"startTime":null,"endTime":null},
"tue":{"label":"Tuesday","isOpen":false,"startTime":null,"endTime":null},
"wed":{"label":"Wednesday","isOpen":false,"startTime":null,"endTime":null},
"thurs":{"label":"Thursday","isOpen":false,"startTime":null,"endTime":null},
"fri":{"label":"Friday","isOpen":false,"startTime":null,"endTime":null},
"sat":{"label":"Saturday","isOpen":false,"startTime":null,"endTime":null},
"sun":{"label":"Sunday","isOpen":false,"startTime":null,"endTime":null}
}