JSFiddle - React, Tailwind, and code Playground

HTML

<div data-bind="text: ko.toJSON($root)"></div>
<p>
<input type="text" data-bind="value: value" />
<br/>timeStamp1:<span data-bind="text: timeStamp1"></span><br/>
timeStamp2:<span data-bind="text: timeStamp2"></span>

JavaScript

function VM(){
    var self = this;
    
    self.valueInstance = ko.observable();
    self.value = ko.computed({
        read: function () {
            return self.valueInstance();
        },
        write: function (value) {
            self.valueInstance(value);
        },
        deferEvaluation: true
    });
    
    self.timeStamp1 = ko.observable();
    self.value.subscribe(function (newValue) {
        self.timeStamp1(new Date());
    });
    
    self.timeStamp2 = ko.observable();
    self.valueInstance.subscribe(function (newValue) {
        self.timeStamp2(new Date());
    });
}
debugger;
ko.applyBindings(new VM());