first mockup in go

static/bower_components/bootstrap-datepicker/build/build.less

@@ -0,0 +1,69 @@
+// Datepicker .less buildfile.  Includes select mixins/variables from bootstrap
+// and imports the included datepicker.less to output a minimal datepicker.css
+//
+// Usage:
+//     lessc build.less datepicker.css
+//
+// Variables and mixins copied from bootstrap 2.0.2
+
+// Variables
+@grayLight:             #999;
+@grayLighter:           #eee;
+@white:                 #fff;
+@linkColor:             #08c;
+@btnPrimaryBackground:  @linkColor;
+@orange:                #f89406;
+@infoBackground:        #d9edf7;
+@baseLineHeight:        18px;
+@baseBorderRadius:      4px;
+
+// Mixins
+
+// Border Radius
+.border-radius(@radius: 5px) {
+  -webkit-border-radius: @radius;
+     -moz-border-radius: @radius;
+          border-radius: @radius;
+}
+
+// Button backgrounds
+.buttonBackground(@startColor, @endColor) {
+  .gradientBar(@startColor, @endColor);
+  .reset-filter();
+  &:hover, &:active, &.active, &.disabled, &[disabled] {
+    background-color: @endColor;
+  }
+  &:active,
+  &.active {
+    background-color: darken(@endColor, 10%) e("\9");
+  }
+}
+
+// Reset filters for IE
+.reset-filter() {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+
+// Gradient Bar Colors for buttons and alerts
+.gradientBar(@primaryColor, @secondaryColor) {
+  #gradient > .vertical(@primaryColor, @secondaryColor);
+  border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
+  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
+}
+
+// Gradients
+#gradient {
+  .vertical(@startColor: #555, @endColor: #333) {
+    background-color: mix(@startColor, @endColor, 60%);
+    background-image: -moz-linear-gradient(to bottom, @startColor, @endColor); // FF 3.6+
+    background-image: -ms-linear-gradient(to bottom, @startColor, @endColor); // IE10
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
+    background-image: -webkit-linear-gradient(to bottom, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+    background-image: -o-linear-gradient(to bottom, @startColor, @endColor); // Opera 11.10
+    background-image: linear-gradient(to bottom, @startColor, @endColor); // The standard
+    background-repeat: repeat-x;
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
+  }
+}
+
+@import "../less/datepicker.less";

static/bower_components/bootstrap-datepicker/build/build3.less

@@ -0,0 +1,76 @@
+// Datepicker .less buildfile.  Includes select mixins/variables from bootstrap
+// and imports the included datepicker.less to output a minimal datepicker.css
+//
+// Usage:
+//     lessc build3.less datepicker.css
+//
+// Variables and mixins copied from Bootstrap 3.3.5
+
+// Variables
+@gray:                   lighten(#000, 33.5%); // #555
+@gray-light:             lighten(#000, 46.7%); // #777
+@gray-lighter:           lighten(#000, 93.5%); // #eee
+
+@brand-primary:         darken(#428bca, 6.5%); // #337ab7
+
+@btn-primary-color:              #fff;
+@btn-primary-bg:                 @brand-primary;
+@btn-primary-border:             darken(@btn-primary-bg, 5%);
+
+@btn-link-disabled-color:        @gray-light;
+
+@state-info-bg:           #d9edf7;
+
+@line-height-base:        1.428571429; // 20/14
+@border-radius-base:      4px;
+
+@dropdown-bg:                   #fff;
+@dropdown-border:               rgba(0,0,0,.15);
+
+
+// Mixins
+
+// Button variants
+.button-variant(@color; @background; @border) {
+  color: @color;
+  background-color: @background;
+  border-color: @border;
+
+  &:focus,
+  &.focus {
+    color: @color;
+    background-color: darken(@background, 10%);
+        border-color: darken(@border, 25%);
+  }
+  &:hover {
+    color: @color;
+    background-color: darken(@background, 10%);
+        border-color: darken(@border, 12%);
+  }
+  &:active,
+  &.active {
+    color: @color;
+    background-color: darken(@background, 10%);
+        border-color: darken(@border, 12%);
+
+    &:hover,
+    &:focus,
+    &.focus {
+      color: @color;
+      background-color: darken(@background, 17%);
+          border-color: darken(@border, 25%);
+    }
+  }
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    &:hover,
+    &:focus,
+    &.focus {
+      background-color: @background;
+          border-color: @border;
+    }
+  }
+}
+
+@import "../less/datepicker3.less";

static/bower_components/bootstrap-datepicker/build/build_standalone.less

@@ -0,0 +1,64 @@
+// Datepicker standalone .less buildfile.  Includes all necessary mixins/variables/rules from bootstrap
+// and imports the included datepicker.less to output a minimal standalone datepicker.css
+//
+// Usage:
+//     lessc build_standalone.less datepicker.css
+//
+// Variables, mixins, and rules copied from bootstrap 2.0.2
+
+@import "build.less";
+
+// Dropdown css
+
+@zindexDropdown:                1000;
+@grayDark:                      #333;
+@baseLineHeight:                20px;
+@tableBackground:               transparent; // overall background-color
+@dropdownBackground:            @white;
+@dropdownBorder:                rgba(0,0,0,.2);
+@dropdownLinkColor:             @grayDark;
+@dropdownLinkColorHover:        @white;
+@dropdownLinkBackgroundHover:   @linkColor;
+
+// Drop shadows
+.box-shadow(@shadow) {
+  -webkit-box-shadow: @shadow;
+     -moz-box-shadow: @shadow;
+          box-shadow: @shadow;
+}
+
+// The dropdown menu (ul)
+// ----------------------
+.datepicker{
+  &.dropdown-menu {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: @zindexDropdown;
+    float: left;
+    display: none; // none by default, but block on "open" of the menu
+    min-width: 160px;
+    list-style: none;
+    background-color: @dropdownBackground;
+    border: 1px solid #ccc;
+    border: 1px solid rgba(0,0,0,.2);
+    .border-radius(5px);
+    .box-shadow(0 5px 10px rgba(0,0,0,.2));
+    -webkit-background-clip: padding-box;
+       -moz-background-clip: padding;
+            background-clip: padding-box;
+    *border-right-width: 2px;
+    *border-bottom-width: 2px;
+
+    // Normally inherited from bootstrap's `body`
+    color: #333333;
+    font-size:13px;
+    line-height: @baseLineHeight;
+  }
+
+  &.dropdown-menu, &.datepicker-inline {
+    th, td {
+      padding: 4px 5px;
+    }
+  }
+}

static/bower_components/bootstrap-datepicker/build/build_standalone3.less

@@ -0,0 +1,55 @@
+// Datepicker standalone .less buildfile.  Includes all necessary mixins/variables/rules from bootstrap
+// and imports the included datepicker.less to output a minimal standalone datepicker.css
+//
+// Usage:
+//     lessc build_standalone3.less datepicker.css
+//
+// Variables, mixins, and rules copied from Bootstrap 3.3.5
+
+@import "build3.less";
+
+// Dropdown css
+
+@zindex-dropdown:               1000;
+@dropdown-fallback-border:      #ccc;
+
+// Drop shadows
+.box-shadow(@shadow) {
+  -webkit-box-shadow: @shadow;
+     -moz-box-shadow: @shadow;
+          box-shadow: @shadow;
+}
+
+// The dropdown menu (ul)
+// ----------------------
+.datepicker {
+  &.dropdown-menu {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: @zindex-dropdown;
+    display: none; // none by default, but block on "open" of the menu
+    float: left;
+    min-width: 160px;
+    list-style: none;
+    background-color: @dropdown-bg;
+    border: 1px solid @dropdown-fallback-border; // IE8 fallback
+    border: 1px solid @dropdown-border;
+    border-radius: @border-radius-base;
+    .box-shadow(0 6px 12px rgba(0,0,0,.175));
+    -webkit-background-clip: padding-box;
+       -moz-background-clip: padding;
+            background-clip: padding-box;
+
+    // Normally inherited from bootstrap's `body`
+    color: #333333;
+    font-size: 13px;
+    line-height: @line-height-base;
+  }
+
+  &.dropdown-menu, &.datepicker-inline {
+    th, td {
+      padding: 0px 5px;
+    }
+  }
+}