Skip to content

srph/react-timesheet

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

80 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.