Initial commit

Author: mchapman

.gitignore

@@ -0,0 +1 @@
+.idea/**/*

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Mark Chapman
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -0,0 +1,30 @@
+# fng-bootstrap-date
+
+Plugin for forms-angular that adds date picker from [Angular UI Bootstrap](https://github.com/angular-ui/bootstrap) support.
+
+## Usage
+
+    bower install fng-bootstrap-date
+
+Add the following line to your index.html (or equivalent) file.
+
+    <script src="bower_components/fng-bootstrap-date/fng-bootstrap-date.js"></script>
+    
+Add `fng.uiBootstrapDate` to the list of servies your Angular module depends on. 
+
+In your Mongoose schemas you can set up fields like this:
+
+    applicationReceived: {type: Date, form: {
+        directive:"fng-ui-bootstrap-date-picker", 
+        fngUiBootstrapDatePicker: {
+            format: 'dd MMM yyyy', 
+            "ng-model-options":"{timezone:\'UTC\'}" 
+        }
+    }},
+
+Options can be added to a fngUiBootstrapDatePicker object within the form object as illustrated by the examples above.  For (my) convenience, the default format has been changed to dd/MM/yyyy
+
+###Known Limitations:
+
+Styling in (unsupported) Bootstrap 2 applications (such as the forms-angular.org website at the time of writing) has a few issues,
+including inline help placing and the width of the first columnof the dropdown when weeks are not shown. 

bower.json

@@ -0,0 +1,24 @@
+{
+  "name": "fng-bootstrap-date",
+  "description": "Date input plugin for forms-angular, using the Bootstrap datepicker from Angular-ui-bootstrap",
+  "main": "fng-bootstrap-date.js",
+  "authors": [
+    "Mark Chapman"
+  ],
+  "license": "MIT",
+  "keywords": [
+    "forms-angular",
+    "datepicker"
+  ],
+  "dependencies": {
+    "angular-ui-bootstrap-bower": "2.5.0"
+  },
+  "homepage": "https://github.com/forms-angular/fng-bootstrap-date",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ]
+}

fng-bootstrap-date.js

@@ -0,0 +1,37 @@
+(function () {
+  'use strict';
+
+  var uiBootstrapDateModule = angular.module('fng.uiBootstrapDate', ['ui.bootstrap']);
+
+  uiBootstrapDateModule.controller('FngUIBootstrapDateCtrl', ['$scope', function ($scope) {
+    $scope.popup = {
+      opened: false
+    };
+
+    $scope.open = function() {
+      $scope.popup.opened = true;
+    }
+  }])
+    .directive('fngUiBootstrapDatePicker', ['$compile', '$filter', 'pluginHelper', 'formMarkupHelper', 'cssFrameworkService',
+      function ($compile, $filter, pluginHelper, formMarkupHelper, cssFrameworkService) {
+        return {
+          restrict: 'E',
+          replace: true,
+          priority: 1,
+          controller: 'FngUIBootstrapDateCtrl',
+          link: function (scope, element, attrs) {
+              var template;
+              var processedAttr = pluginHelper.extractFromAttr(attrs, 'fngUiBootstrapDatePicker');
+              template = pluginHelper.buildInputMarkup(scope, attrs.model, processedAttr.info, processedAttr.options, false, false, function (buildingBlocks) {
+                return formMarkupHelper.generateSimpleInput(
+                    buildingBlocks.common + ' uib-datepicker-popup="' + (processedAttr.directiveOptions.format || 'dd/MM/yy') + '" is-open="popup.opened" ng-click="open()" ' + formMarkupHelper.addTextInputMarkup(buildingBlocks, processedAttr.info, ''),
+                    processedAttr.info,
+                    processedAttr.options
+                  );
+              });
+              element.replaceWith($compile(template)(scope));
+            }
+        };
+      }]
+    )
+})();

package.json

@@ -0,0 +1,15 @@
+{
+  "name": "fng-bootstrap-date",
+  "version": "0.1.0",
+  "description": "Date input plugin for forms-angular, using the Bootstrap datepicker from Angular-ui-bootstrap",
+  "main": "fng-bootstrap-date.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "forms-angular",
+    "datepicker"
+  ],
+  "author": "Mark Chapman",
+  "license": "MIT"
+}