Calendar - dialog.create.php - JQuery UI Slider

Hi Guys,

Was making some test on the dialog of the calendar. Tried to add a JQuery UI Slider to "manually add some time" to start time that will then reflect on the end time. I have tried 10 different sets of code and no one worked. There isn't any grid.slider or form.slider to use the html function and i don't know what to do

here is some section of code:

		"{slider}"			: "[data-schedule-slider]"

	}

	</selectors>

	<bindings type="javascript">

	{

		"{cancelButton} click": function() {

			this.parent.close();

		},

		"{slider} onload": function() {

			$( "#slider" ).slider();

		},

	}

	</bindings>

(...)



				<div class="form-group">

					<div class="col-sm-3">

						<label for="total" class="fd-small">Add meeting hour(s)</label>

						<i class="icon-es-help pull-right" data-es-provide="popover" data-content="<?php echo JText::_( 'APP_CALENDAR_CREATE_NEW_SCHEDULE_ENDDATE_DESC' );?>" data-title="<?php echo JText::_( 'APP_CALENDAR_CREATE_NEW_SCHEDULE_ENDDATE' );?>" data-placement="bottom"></i>

					</div>



					<div class="col-sm-9">

						<div data-schedule-slider id="slider"></div>

					</div>

				</div>

My guess would be that it isn't working, whatever of the 10th times I try lol

Can someone provide me some modifications or a workaround.

Thanks

Alex