angular dayparts

Angular directive for select hours in a week

Code based on this StackOverflow answer

Include module in your app

angular.module('myapp', ['angular-dayparts'])

Config the directive inside the controller

$scope.options = {
    reset: true, // default false
    onChange: function(selected) {
        console.log('selected: ', selected)
    },
    selected: ['monday-14', 'monday-15'],
    disableRowSelection: true, // default false
    disableColumnSelection: true // default false
};

Call the directive from your page

<angular-dayparts options="options"></angular-dayparts>

License

Released under the terms of MIT License.