Getting Started

run:

npm install
npm start

To build the component for production, run:

npm run build

To run the unit tests for the components, run:

npm test

Need help? Check out our docs here.

Using this component

Calendar sass variables

To customize element, please override the following variables:

• calendar font : --mt-font-family-principal: "Roboto", "Helvetica Neue", sans-serif;
• titles font size: --mt-font-size-title: 1.2rem;
• titles weekday names font size: --mt-font-size-weekdays: 1.6rem;
• titles days font size: --mt-font-size-days: 1.2rem;
• titles content font size: --mt-font-size-content: 1.4rem;
• titles element paddings: --mt-default-padding: .3rem 0;
• titles height of calendar content: --mt-content-height: 20rem;
• titles color of items hover: --mt-item-hover-color: rgba(130, 212, 191, 0.365);
• titles color of selected items: --mt-item-selected-color:#82D4C0;
• titles radious of selected items: --mt-item-border-radius: .4rem;
• titles calendar font color: --mt-font-color: rgb(60, 58, 58);