JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody data-bind="foreach: groups">
        <tr>
            <td>
                <input type="text" placeholder="name" data-bind="value: name"><br><br><br>
                <span data-bind="text: name"></span>
            </td>
            <!-- ko foreach: deadlines -->
            <td>
                <input type="date" data-bind="value: $data"><br><br><br>
                <span data-bind="text: $data"></span>
            </td>
            <!-- /ko -->
        </tr>
    </tbody>
</table>

JavaScript

function Model() {
    this.groups = ko.observableArray([{
        name:       ko.observable("name"),
        deadlines:  [
            ko.observable("2010-02-08"),
            ko.observable("2013-06-18"),
            ko.observable("2015-01-23"),
        ]
    }]);
}

ko.applyBindings(new Model());