Calendar module

src/definitions/globals/site.js

@@ -439,6 +439,7 @@ $.site.settings = {
   modules: [
     'accordion',
     'api',
+    'calendar',
     'checkbox',
     'dimmer',
     'dropdown',

src/definitions/modules/calendar.less

@@ -0,0 +1,147 @@
+/*!
+ * # Semantic UI - Calendar
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Copyright 2015 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+            Theme
+*******************************/
+
+@type    : 'module';
+@element : 'calendar';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+            Popup
+*******************************/
+
+.ui.calendar .ui.popup {
+  max-width: none;
+  padding: 0;
+  border: none;
+  user-select: none;
+}
+
+/*******************************
+            Calendar
+*******************************/
+
+.ui.calendar .calendar:focus {
+  outline: 0;
+}
+
+/*******************************
+            Table
+*******************************/
+
+.ui.calendar .ui.table.year,
+.ui.calendar .ui.table.month,
+.ui.calendar .ui.table.minute {
+  min-width: 15em;
+}
+
+.ui.calendar .ui.table.day {
+  min-width: 18em;
+}
+
+.ui.calendar .ui.table.hour {
+  min-width: 20em;
+}
+
+.ui.calendar .ui.table tr th,
+.ui.calendar .ui.table tr td {
+  padding: 0.5em;
+  white-space: nowrap;
+}
+
+.ui.calendar .ui.table tr th {
+  border-left: none;
+}
+
+.ui.calendar .ui.table tr th .icon {
+  margin: 0;
+}
+
+.ui.calendar .ui.table tr th .icon {
+  margin: 0;
+}
+
+.ui.calendar .ui.table tr:first-child th {
+  position: relative;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.ui.calendar .ui.table.day tr:first-child th {
+  border: none;
+}
+
+.ui.calendar .ui.table.day tr:nth-child(2) th {
+  padding-top: 0.2em;
+  padding-bottom: 0.3em;
+}
+
+.ui.calendar .ui.table tr td {
+  padding-left: 0.1em;
+  padding-right: 0.1em;
+}
+
+.ui.calendar .ui.table tr .link {
+  cursor: pointer;
+}
+
+.ui.calendar .ui.table tr .prev.link {
+  width: 14.28571429%;
+  position: absolute;
+  left: 0;
+}
+
+.ui.calendar .ui.table tr .next.link {
+  width: 14.28571429%;
+  position: absolute;
+  right: 0;
+}
+
+.ui.calendar .ui.table tr .disabled {
+  pointer-events: none;
+  color: @disabledTextColor;
+}
+
+/*--------------
+     States
+---------------*/
+
+.ui.calendar .ui.table tr td.today {
+  font-weight: @todayFontWeight;
+}
+
+.ui.calendar .ui.table tr td.range {
+  background: @rangeBackground;
+  color: @rangeTextColor;
+  box-shadow: @rangeBoxShadow;
+}
+
+.ui.calendar .ui.table.inverted tr td.range {
+  background: @rangeInvertedBackground;
+  color: @rangeInvertedTextColor;
+  box-shadow: @rangeInvertedBoxShadow;
+}
+
+.ui.calendar .calendar:focus .ui.table tbody tr td.focus,
+.ui.calendar .calendar.active .ui.table tbody tr td.focus {
+  box-shadow: @focusBoxShadow;
+}
+
+.ui.calendar .calendar:focus .ui.table.inverted tbody tr td.focus,
+.ui.calendar .calendar.active .ui.table.inverted tbody tr td.focus {
+  box-shadow: @focusInvertedBoxShadow;
+}
+
+.loadUIOverrides();

src/semantic.less

@@ -49,6 +49,7 @@
 
 /* Modules */
 & { @import "definitions/modules/accordion"; }
+& { @import "definitions/modules/calendar"; }
 & { @import "definitions/modules/checkbox"; }
 & { @import "definitions/modules/dimmer"; }
 & { @import "definitions/modules/dropdown"; }

src/theme.config.example

@@ -48,6 +48,7 @@
 
 /* Modules */
 @accordion  : 'default';
+@calendar   : 'default';
 @checkbox   : 'default';
 @dimmer     : 'default';
 @dropdown   : 'default';

src/themes/default/modules/calendar.overrides

@@ -0,0 +1,3 @@
+/*******************************
+         Theme Overrides
+*******************************/

src/themes/default/modules/calendar.variables

@@ -0,0 +1,15 @@
+/*******************************
+            Calendar
+*******************************/
+
+@focusBoxShadow: inset 0 0 0 1px @focusedFormBorderColor;
+@focusInvertedBoxShadow: inset 0 0 0 1px @focusedFormBorderColor;
+
+@todayFontWeight: bold;
+
+@rangeBackground: @transparentBlack;
+@rangeTextColor: @selectedTextColor;
+@rangeBoxShadow: none;
+@rangeInvertedBackground: @transparentWhite;
+@rangeInvertedTextColor: @invertedSelectedTextColor;
+@rangeInvertedBoxShadow: none;

tasks/config/admin/release.js

@@ -65,6 +65,7 @@ module.exports = {
     'api',
     'breadcrumb',
     'button',
+    'calendar',
     'card',
     'checkbox',
     'comment',

tasks/config/defaults.js

@@ -82,6 +82,7 @@ module.exports = {
 
     // modules
     'accordion',
+    'calendar',
     'checkbox',
     'dimmer',
     'dropdown',

tasks/config/project/install.js

@@ -381,6 +381,7 @@ module.exports = {
           { name: "item", checked: true },
           { name: "statistic", checked: true },
           { name: "accordion", checked: true },
+          { name: "calendar", checked: true },
           { name: "checkbox", checked: true },
           { name: "dimmer", checked: true },
           { name: "dropdown", checked: true },