# yatra/3.0.13/resources/js/components/trip-form/sections/DurationSection.tsx

Yatra – Travel Booking & Tour Operator Software, version 3.0.13. 31 lines.

- Page: https://pluginprobe.com/plugins/yatra/3.0.13/code/resources/js/components/trip-form/sections/DurationSection.tsx
- Raw: https://pluginprobe.com/plugins/yatra/3.0.13/raw/resources/js/components/trip-form/sections/DurationSection.tsx
- Modified: 2026-04-14T03:47:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/yatra/3.0.13/code/resources/js/components/trip-form/sections/DurationSection.tsx#L10-L20`.

```tsx
/**
 * Duration Section Component
 * Handles: Duration & schedule (trip type, days, availability, seasonal)
 *
 * This is a placeholder - extract content from TripForm.tsx case 'duration'
 */

import React from "react";
import { Calendar } from "lucide-react";
import { TripFormSectionProps } from "../types";
import { SectionHeader } from "../shared/SectionHeader";

export const DurationSection: React.FC<TripFormSectionProps> = () => {
  // TODO: Extract duration section content from TripForm.tsx (lines ~2024-2271)

  return (
    <div className="space-y-4">
      <SectionHeader
        icon={Calendar}
        title="Duration & Schedule"
        description="Define trip duration, type, and availability schedule"
      />

      {/* TODO: Add duration form fields */}
      <p className="text-sm text-gray-500">
        Section content to be extracted from TripForm.tsx
      </p>
    </div>
  );
};

```