Tempus-dominus: Is this compatible with Bootstrap 4 alpha?

[HallofFamer]

Well I am using Bootstrap 4 now, its still in alpha stage but it looks nice. I want to add date picker to the site UI, and this one says its compatible with Bootstrap 3, so can I use it for Bootstrap 4 too? Or is there any compatibility issue?

[PascaleBeier]

Got to check it out, working as far as I can tell. You need to include Glyphicons to get it working out of the box or supply custom icons (such as fa).

working with alpha-2 tag.

[cokgungordu]

https://www.dropbox.com/s/rrgmkh9guuyimy7/bootstrap-datetimepicker.min.js?dl=0

[donv]

Seems not to work with alpha-6. On activation, only an empty popup is shown.

[sr9yar]

Same problem. Gonna have to correct styles for alpha-6

[raddrick]

i can get it working if i add @import 'bootstrap-sprockets';

..but only after adding gem 'bootstrap-sass which blows away my bootstrap 4.0.0.alpha-6 styles

[asia653]

Maybe we should get together and maintain a bootstrap 4 edge fork? Or does one exist already?

[PascaleBeier]

datepicker is compatible with 4

Am 22.03.2017 08:34 schrieb "Edwardzyc" [e-mail]:

Maybe we should get together and maintain a bootstrap 4 edge fork? Or does
one exist already?

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/Eonasdan/bootstrap-datetimepicker/issues/1377#issuecomment-288320182,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ACnBhj5OIuF3ZiQQpvkMzecmbpMs7Dkqks5roM8DgaJpZM4GT1Pw
.

[FirePanther]

@donv @sr9yar you have to include glyphicons or {fontawesome + @cokgungordu's} file from dropbox, thanks btw for that file :)

[asia653]

@PascaleBeier but it doesn't work out of the box? or does it? is there an edge branch?

EDIT: I ask because I'll start up a fork to track the latest alpha if there isn't one already

[thewavelength]

@PascaleBeier does not work for me (see attachment). I use BS4 Alpha 6, latest font-awesome and installed the javascript-file from @cokgungordu and followed this: https://eonasdan.github.io/bootstrap-datetimepicker/Installing/#manual

[FirePanther]

@thewavelength are you sure you did the last part of the manual right?
looks like the css is not embedded.
you could share your link though.

[thewavelength]

@FirePanther Thanks, man. This was so damn obvious. I just thought I'm done as I saw the Knockout-part... Now it works as expected. 👍

[tpetry]

If somebody is using sass builds, these rules for alpha-6 will fix the compilation and styling problems:

@import "node_modules/bootstrap/scss/variables";
$bs-datetimepicker-border-radius: $border-radius !default;
$screen-sm-min: map-get($grid-breakpoints, sm) !default;
$screen-md-min: map-get($grid-breakpoints, md) !default;
$screen-lg-min: map-get($grid-breakpoints, lg) !default;
@import "node_modules/eonasdan-bootstrap-datetimepicker/src/sass/bootstrap-datetimepicker-build";

.bootstrap-datetimepicker-widget {
  table.table-condensed {
    @extend .table;
    @extend .table-sm;
    @extend .mb-0;

    th, td {
      @extend .border-0;
    }
  }
}

[Eonasdan]

instead of forking this repo and trying to keep it update for bootstrap 4, you could help and contribute to https://github.com/tempusdominus/bootstrap-4

[eonasdan-bot]

Hello. Thanks for using my project. We’re closing all tickets/prs for v4 as it is no longer supported. We’re making way for a new version. Please read this blog post