Meteor JS : Nice package to create screen components range of dates. (Bootstrap datepicker)


According to the documentation would just add the package and use it. But with me it didn’t work, I performed the imports inside the application and worked perfectly. I’ll put down a complete example of how I used.


    <!-- Include Date Range Picker -->
    <script type="text/javascript" src="//"></script>
    <link rel="stylesheet" type="text/css" href="//" />



Template.SessionEvent.rendered = function(){
        timePicker: true,
        format: 'DD/MM/YYYY h:mm A',
        timePickerIncrement: 5,
        timePickerSeconds: false,
        minDate: moment(),
        ranges: {
            'Today': [moment(), moment()],
            'This Month': [moment().startOf('month'), moment().endOf('month')]


<template name="SessionEvent">
        <input type="text" class="form-control daterange-session"/>

Screen Shot 2015-07-17 at 3.30.53 PM

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s