Empower Calendar

Calendar is a calendar-like react component used to display dates with an additional content.

Installation

Component

npm install empower-calendar

Repository

1. Run npm install
2. After successful installation, run npm start

Initialization

import  Calendar  from  'empower-calendar';

Usage

let  datesContent  =  {
	"2022-04-01":  {
	content:  [<div>COMP1</div>,<span>COMP2</span>]
	},
}

The getSelected can be bind to a function of your choice to extract the selected dates from the calendar and shall be triggered upon selection.

<Calendar
	type="monthly"
	date="Apr 2022"
	data={datesContent}
	selected={['2022-04-01', '2022-04-02']}
	currentDate="2022-04-01"
	getSelected={(event  =>  extractSelectedDates(event)}
/>

Result Value

The calendar will produce the following value upon date selection.

['2022-04-04', '2022-04-05', '2022-04-06'] //YYYY-MM-DD

Documentation

Confluence - Calendar

Developers

Regino Victorino - [e-mail]

Jephunneh Viernes - [e-mail]

Changelog:

• 0.0.8 - Security Fix - Fix vulnerability issues in the package