@@ -0,0 +1,690 @@
+package seedu.tasklist.ui;%0A%0Aimport javafx.fxml.FXML;%0Aimport javafx.scene.control.Label;%0Aimport javafx.scene.layout.HBox;%0Aimport javafx.scene.layout.Region;%0Aimport seedu.tasklist.model.task.ReadOnlyTask;%0A%0Apublic class UpcomingTaskCard extends UiPart%3CRegion%3E %7B%0A%0A    private static final String FXML = %22TaskListCard.fxml%22;%0A%0A    @FXML%0A    private HBox cardPane;%0A    @FXML%0A    private Label name;%0A    @FXML%0A    private Label id;%0A%0A    @FXML%0A    private Label startTime;%0A    @FXML%0A    private Label endTime;%0A%0A    public UpcomingTaskCard(ReadOnlyTask task, int displayedIndex) %7B%0A        super(FXML);%0A        name.setText(task.getName().fullName);%0A        id.setText(displayedIndex + %22. %22);%0A    %7D%0A%7D%0A

add UpcomingTaskCard