srph / react-timesheet

[WIP] An opinionated timesheet component for React

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.

• New schedule
• Edit schedule
• Drag-n-drop schedule
• Schedule validation
• Typehead
• Schedule status (on-going, done)
• 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.