Introducing Due Date for Tasks

Thanks to Dr. Sybren and Francesco for support!

src/styles/plugins/pikaday.sass

@@ -0,0 +1,183 @@
+@import ../_config
+@charset "UTF-8"
+
+/* Pikaday */
+/* Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com */
+
+.pika-single
+	z-index: 9999
+	display: block
+	position: relative
+	color: $color-text-dark-primary
+	background: white
+	border: thin solid $color-background-dark
+	border-radius: 3px
+
+	&:before
+		content: " "
+		display: table
+	&:after
+		content: " "
+		display: table
+		clear: both
+	*zoom: 1
+	&.is-hidden
+		// display: none
+	&.is-bound
+		position: absolute
+		box-shadow: 0 2px 5px rgba(black, .1), 0 5px 15px rgba(black, .2)
+
+/* clear child float (pika-lendar), using the famous micro clearfix hack */
+/* http://nicolasgallagher.com/micro-clearfix-hack/ */
+
+.pika-lendar
+	float: left
+	width: 240px
+	margin: 8px
+
+.pika-title
+	position: relative
+	text-align: center
+
+.pika-label
+	display: inline-block
+	*display: inline
+	position: relative
+	z-index: 9999
+	overflow: hidden
+	margin: 0
+	padding: 5px 3px
+
+	&:hover
+		color: $color-primary
+		option
+			color: $color-text-dark
+
+.pika-title select
+	cursor: pointer
+	position: absolute
+	z-index: 9998
+	margin: 0
+	left: 0
+	top: 5px
+	filter: alpha(opacity = 0)
+	opacity: 0
+
+.pika-prev, .pika-next
+	display: block
+	cursor: pointer
+	position: relative
+	outline: none
+	border: 0
+	padding: 0
+	width: 20px
+	height: 30px
+	/* hide text using text-indent trick, using width value (it's enough) */
+	text-indent: 20px
+	white-space: nowrap
+	overflow: hidden
+	background-color: transparent
+	background-position: center center
+	background-repeat: no-repeat
+	background-size: 75% 75%
+	opacity: .5
+	*position: absolute
+	*top: 0
+
+.pika-prev:hover, .pika-next:hover
+	opacity: 1
+
+.pika-prev, .is-rtl .pika-next
+	float: left
+	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==')
+	*left: 0
+
+.pika-next, .is-rtl .pika-prev
+	float: right
+	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=')
+	*right: 0
+
+.pika-prev.is-disabled, .pika-next.is-disabled
+	cursor: default
+	opacity: .2
+
+.pika-select
+	display: inline-block
+	*display: inline
+
+.pika-table
+	width: 100%
+	border-collapse: collapse
+	border-spacing: 0
+	border: 0
+	th, td
+		width: 14.285714285714286%
+		padding: 0
+	th
+		color: $color-text-dark-primary
+		font-size: 12px
+		line-height: 25px
+		font-weight: normal
+		text-align: center
+
+.pika-button
+	cursor: pointer
+	display: block
+	box-sizing: border-box
+	-moz-box-sizing: border-box
+	outline: none
+	border: 2px solid transparent
+	width: 100%
+	padding: 5px 8px
+	color: $color-text-dark-primary
+	font-size: .9em
+	text-align: right
+	background: $color-background-light
+
+.pika-week
+	font-size: 11px
+	color: $color-text-dark-hint
+
+.is-today .pika-button
+	color: $color-secondary
+	font-weight: bold
+
+.is-selected .pika-button
+	color: white
+	font-weight: bold
+	background: $color-primary
+	border-radius: 3px
+
+.is-inrange .pika-button
+	background: rgba($color-primary, .5)
+
+.is-startrange .pika-button
+	color: white
+	background: $color-secondary
+	box-shadow: none
+	border-radius: 3px
+
+.is-endrange .pika-button
+	color: white
+	background: $color-primary
+	box-shadow: none
+	border-radius: 3px
+
+.is-disabled .pika-button, .is-outside-current-month .pika-button
+	pointer-events: none
+	cursor: default
+	color: $color-text-dark-secondary
+	opacity: .3
+
+.pika-button:hover
+	color: $color-text-dark
+	background: white
+	box-shadow: none
+	border-radius: 3px
+	border-color: $color-primary
+
+/* styling for abbr */
+
+.pika-table abbr
+	border-bottom: none
+	cursor: help