luid-day-block

An element directive to to draw a day block calendar, like this:

or

Features

Supported arguments

Usage

<!-- basic usage -->
<luid-day-block date="myDate"></luid-day-block>
<!-- with a palette and size -->
<luid-day-block date="myDate" class="lui primary large"></luid-day-block>
<!-- with custom colors -->
<luid-day-block date="myDate" show-day="showDay" primary-color="customPrimaryColor" secondary-color="'white'"></luid-day-block>

Palette :

none
primary
secondary
grey
light
green
yellow
orange
red

Sizing :

x-small
small
default
large
x-large

primary color:

secondary color: