Form, Grid to have Sections on main area with side area.

I have a form a want to display in like a main area with a side area.
Like this sample:
https://demo.filamentphp.com/shop/products/1/edit?activeRelationManager=0

I have the following code, what I'm doing wrong...?

    public static function form(Form $form): Form
    {
        return $form
            ->schema([
                Forms\Components\Grid::make([
                    'md' => 3,
                ])
                    ->schema([
                        Forms\Components\Section::make('Name')
                            ->schema([
                                Forms\Components\TextInput::make('name'),
                            ])
                            ->columns(2),
                        Forms\Components\Section::make('Date')
                            ->schema([
                                Forms\Components\DatePicker::make('created_at'),
                            ])
                            ->columns(1),
                    ]),
            ]);
    }

The above code gives me the sections stacked and not "Name" on the left (2 columns) and "Date" on the right (in one column).

Thank you for your help.
Was this page helpful?