# Datepicker import

**URL:** <https://discuss.elastic.co/t/datepicker-import/105340>\
**Category:** Kibana\
**Created:** [October 26, 2017, 5:40am UTC](https://discuss.elastic.co/t/datepicker-import/105340 "2017-10-26T05:40:12Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![nugusbayevkk](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nugusbayevkk/32/126683_2.png) [@nugusbayevkk](https://discuss.elastic.co/u/nugusbayevkk)\
**Post date:** [October 26, 2017, 5:40am UTC](https://discuss.elastic.co/t/datepicker-import/105340/1 "2017-10-26T05:40:12Z")

</div>

Hello everybody, i try to add to my plugin datepicker functionality  
kibana version: 5.5.2  
node version 8.6.0  
npm version 5.3.0  
i try to use "jquery-datetimepicker": "^2.5.11":  
first i install it, then i install jquery.  
jquery version: 3.2.1

after in app.js i make import as:  
var $ = require('jquery');  
require('jquery-datetimepicker');

after in my controller i add rows:  
$(document).ready(function(){  
$('#datetimepicker').datetimepicker();  
});

or only:  
$('#datetimepicker').datetimepicker();

in html file i try to access to datepicker with:

bu in result i got exception:  
TypeError: r is undefined ([https://localhost:5601/twc/bundles/logtrail.bundle.js?v=8467:37727](https://localhost:5601/twc/bundles/logtrail.bundle.js?v=8467:37727))

TypeError: r is undefined[Learn More] jquer:1  
s/H.setOptions jquery.datetimepicker.full.min.js:1  
datetimepickerFactory/e.fn.datetimepicker/\< jquery.datetimepicker.full.min.js:1  
each jquery.js:362  
each jquery.js:157  
datetimepickerFactory/e.fn.datetimepicker jquery.datetimepicker.full.min.js:1  
[4824]/\</\< app.js:271  
mightThrow jquery.js:3583  
resolve/\</process\<

can anybody give some advice how to solve this problem?

---

<div class="post-metadata">

**Author:** ![nugusbayevkk](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nugusbayevkk/32/126683_2.png) [@nugusbayevkk](https://discuss.elastic.co/u/nugusbayevkk)\
**Post date:** [October 26, 2017, 11:46am UTC](https://discuss.elastic.co/t/datepicker-import/105340/2 "2017-10-26T11:46:34Z")

</div>

Guys, any idea?)

---

<div class="post-metadata">

**Author:** ![tylersmalley](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tylersmalley/32/8833_2.png) [@tylersmalley](https://discuss.elastic.co/u/tylersmalley)\
**Post date:** [October 27, 2017, 12:25am UTC](https://discuss.elastic.co/t/datepicker-import/105340/3 "2017-10-27T00:25:59Z")

</div>

There are community forums, if you would like an SLA I would suggest reaching out [https://www.elastic.co/subscriptions](https://www.elastic.co/subscriptions)

What does line 37727 in logtrain.bundle.js look like for where this error is coming from? I am not familar with the jquery-datetimepicker.

---

<div class="post-metadata">

**Author:** ![nugusbayevkk](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nugusbayevkk/32/126683_2.png) [@nugusbayevkk](https://discuss.elastic.co/u/nugusbayevkk)\
**Post date:** [October 27, 2017, 7:53am UTC](https://discuss.elastic.co/t/datepicker-import/105340/4 "2017-10-27T07:53:26Z")

</div>

hello, thanks for response.  
i found solution:  
3rd party library need import as:  
at first, you should install with npm, or add handle  
then add next rows in your app.js depend librarries your need

import 'bootstrap/dist/css/bootstrap.css';  
import 'angular-bootstrap-datetimepicker/src/css/datetimepicker.css';  
import 'angular-bootstrap-datetimepicker/src/js/datetimepicker.js';  
import 'angular-bootstrap-datetimepicker/src/js/datetimepicker.templates.js';

after:  
const app = uiModules.get('app/your\_plugin', ['ui.bootstrap.datetimepicker']);

thanks

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [November 24, 2017, 7:54am UTC](https://discuss.elastic.co/t/datepicker-import/105340/5 "2017-11-24T07:54:40Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.