fatasy-module-example

Fantastic React Native Schedule

Flexible scheduling library with more built-in features and enhanced customization options

Installation

yarn add fatasy-module-example

Usage

import Schedule from 'fatasy-module-example';
// ...

<Schedule />;

Day View

Week View

Properties API

None of the following properties are required. A simple Will still render an empty schedule.

<<<<<<< HEAD

Prop	Description	Default	Type
schedules	Array of schedules, to configure the field names use the schedulingSettings property.	Empty Array	Array
selectedDate	To mark the active (current) date in the schedule.	new Date()	Date
startHour	It is used to specify the start time, from which the Schedule starts to be displayed.	00:00	string
endHour	It is used to specify the end time at which the schedule ends.	24:00	string
currentView	Schedule view type.	day	day or week
cellDimensions	Cell width and height configuration, header cell, sidebar cell and content cell.	{height?: number, width?: number}	{height: 80, width: 100}
schedulingSettings	Scheduling configuration.	Default Scheduling Settings	Type
headerSettings	Header configuration.	Default Header Settings	Type
sidebarSettings	Sidebar configuration.	Default Sidebar Settings	Type
CellSettings	Cell content configuration.	Default Cell Content Settings	Type
showVerticalScrollbar	Specify if the vertical scrollbar should be displayed	true	boolean
showHorizontalScrollbar	Specify if the horizontal scrollbar should be displayed	true	boolean
onCellPress	Return function for pressing a cell	-	(date event) => void
onCellLongPress	Return function for long pressing a cell.	-	(date event) => void
onSchedulingPress	Return function for pressing a scheduling	-	(scheduling, event) => void
onSchedulingLongPress	Return function for long pressing a scheduling.	-	(scheduling, event) => void

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.