@srph/react-timesheet

React Timesheet

[WIP] Timesheets for you, and you, and for everybody!

Note

No plans to make this flexible. Rather, you can fork or get ideas from this project!

Features

Currently ad-hoc for a private school application I'm working on.

• [x] New schedule
• [x] Edit schedule
• [x] Drag-n-drop schedule
• [x] Schedule validation
• [x] Typehead
• [x] Schedule status (on-going, done)
• [x] Scale

Installing

npm i --save @srph/react-timesheet

Usage

<Timesheet time={{
  start: '10:00 AM',
  end: '10:00 PM',
  increment: { hours: 1, minutes: 30 }
}} schedules={{
  'Monday': [{
  	start: '10:00 AM',
  	end: '11:30 AM',
  	data: {}
  }]
}} />

See example.