JSFiddle - React, Tailwind, and code Playground

by adiga

HTML

<div id="dialog-confirm" title="Select Appointment">
  <div class="modal-body" data-bind="visible: checkAppointmentListSelect">

    <button class="btn btn-primary" id="btnSelectAppointment" data-bind="click: btnSelectAppointmentClick">Select</button>
    <button class="btn btn-primary" id="btnCancel">Cancel</button>
  </div>
</div>

JavaScript

function vm() {
  var self = this;
  self.getAppointment = function() {
    $("#dialog-confirm ").dialog({
      resizable: false,
      height: 250,
      width: 500,
      modal: true
    });

    self.checkAppointmentListSelect(true);
  }

  self.checkAppointmentListSelect = ko.observable(true);

  self.btnSelectAppointmentClick = function() {
    alert("select button clicked");
  }
}

ko.applyBindings(new vm());