Security News
How Threat Actors are Abusing GitHub’s File Upload Feature to Host Malware
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
mw-datepicker-range
Advanced tools
Readme
mw-datepicker-range is a AngularJS module that extend the ui-bootstrap's datepicker directive to allow a selection of a range.
You can install this package either with npm
or with bower
.
npm install mw-datepicker-range --save
bower install mw-datepicker-range --save
Once the script is included in your html file, simply include the module in your app:
angular.module('myApp', ['mw-datepicker-range']);
You can use the datepicker like always, if you want to have the range selection add 'mw-multi-select'. It will work with the standart datepicker and with the datepicker popup
<div class="col-md-6">
<p class="input-group">
<input type="text" class="form-control" ng-model="dt" mw-multi-select="selectedDates" uib-datepicker-popup="dd/MM/y" is-open="opened" datepicker-options="dateOptions"/>
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="open()"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
</p>
</div>
'mw-multi-select' contains an array with all dates inside the selected range.
The viewValue is changed so that it will use the first and last Date from the array.
This module will use the customClass
property of the datepickeroptions
to add the class 'selected' to every date in the selected range, look into the example for more information.
Be aware of the fact that if you use the range selection the model is literally useless for you because it will only store the current clicked date. If you want to use the selected range you can use either the full array or use the service to parse the array into an object with 'before' and 'after' property
$scope.mwMultiSelectService.parse($scope.selectedDates, format);
##SmartTable support mw-datepicker-range now supports SmartTable
To use it you need to add this:
<th>
<st-date-range predicate="birthDate" selected-dates></st-date-range>
</th>
'st-date-range' will create the necessary datepicker elements. If you want to override the template you need to override 'stDateRange.html' with your own template.
FAQs
Date range picker for Angularjs with UI-Bootstrap
The npm package mw-datepicker-range receives a total of 0 weekly downloads. As such, mw-datepicker-range popularity was classified as not popular.
We found that mw-datepicker-range demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.