JSFiddle - React, Tailwind, and code Playground

by Mubasshir Pawle

TypeScript

const input = '21 April 2023,UK611,DEL,SXR,10:55,12:06
21 April 2023,UK611,SXR,IXJ,13:33,14:12
21 April 2023,UK612,IXJ,SXR,14:46,15:33
21 April 2023,UK612,SXR,DEL,16:38,17:45
20 April 2023,UK611,DEL,SXR,10:47,11:55
20 April 2023,UK611,SXR,IXJ,12:46,13:21
20 April 2023,UK612,IXJ,SXR,14:17,14:49
20 April 2023,UK612,SXR,DEL,15:25,17:12
19 April 2023,UK611,DEL,SXR,11:00,12:09
19 April 2023,UK611,SXR,IXJ,13:11,13:49
19 April 2023,UK612,IXJ,SXR,14:37,15:02
19 April 2023,UK612,SXR,DEL,15:40,17:14
18 April 2023,UK611,DEL,SXR,11:05,12:09
18 April 2023,UK611,SXR,IXJ,13:05,13:48
18 April 2023,UK612,IXJ,SXR,14:34,14:58
18 April 2023,UK612,SXR,DEL,15:36,17:11
17 April 2023,UK611,DEL,SXR,10:45,11:54
17 April 2023,UK611,SXR,IXJ,12:39,13:11
17 April 2023,UK612,IXJ,SXR,14:03,14:24
17 April 2023,UK612,SXR,DEL,15:08,16:43
16 April 2023,UK611,DEL,SXR,11:04,12:11
16 April 2023,UK611,SXR,IXJ,13:22,13:53
16 April 2023,UK612,IXJ,SXR,14:39,15:03
16 April 2023,UK612,SXR,DEL,15:41,17:16
15 April 2023,UK611,DEL,SXR,10:51,12:01
15 April 2023,UK611,SXR,IXJ,12:58,13:33
15 April 2023,UK612,IXJ,SXR,14:22,14:54
15 April 2023,UK612,SXR,DEL,15:36,17:16
14 April 2023,UK611,DEL,SXR,10:54,11:57
14 April 2023,UK611,SXR,IXJ,12:53,13:28
14 April 2023,UK612,IXJ,SXR,14:19,14:52
14 April 2023,UK612,SXR,DEL,15:34,17:01
13 April 2023,UK611,DEL,SXR,10:53,11:59
13 April 2023,UK611,SXR,IXJ,12:57,13:29
13 April 2023,UK612,IXJ,SXR,14:16,14:40
13 April 2023,UK612,SXR,DEL,15:22,16:54';

type Flight = {
  date: string;
  number: string;
  departure: {
    airport: string;
    time: string;
  };
  arrival: {
    airport: string;
    time: string;
  };
};

function createFlightsArray(input: string): Flight[] {
  const flights: Flight[] = [];

  const lines = input.trim().split("\n");

  for (let i = 0; i < lines.length; i += 4) {
    const [date, number, departureAirport, arrivalAirport, departureTime, arrivalTime] =
      lines[i].split(",");
    const flight: Flight = {
      date,
      number,
      departure: {
  ...