import 'package:flutter/material.dart';
import 'package:intl/intl.dart';

bool _isButtonASelected = false;
bool _isButtonBSelected = false;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'my_app',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  State createState() => _MyHomePageState();
}

class _MyHomePageState extends State {
  DateTime? _selectedDate;

  Future _selectDate() async {
    final DateTime? pickedDate = await showDatePicker(
      context: context,
      initialDate: DateTime.now(),
      firstDate: DateTime(1900),
      lastDate: DateTime(2100),
    );
    if (pickedDate != null && pickedDate != _selectedDate) {
      setState(() {
        _selectedDate = pickedDate;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Date Picker Form'),
      ),
      body: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
// Add your form fields and other widgets here
              Text('Select Date:',
                  style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
              _selectedDate != null
                  ? Text('${DateFormat('dd/MM/yyyy').format(_selectedDate!)}')
                  : Text('No date selected'),
              SizedBox(width: 16),
              ElevatedButton(
                onPressed: _selectDate,
                child: Text('Pick Date'),
              ),
            ],
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text('Shift Number',
                  style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
              SizedBox(width: 16),
              ElevatedButton(
                child: Text('A'),
                onPressed: () {
                  setState(() {
                    _isButtonASelected = true;
                    _isButtonBSelected = false;
                  });
                },
                style: ElevatedButton.styleFrom(
                  backgroundColor:
                      _isButtonASelected ? Colors.blue : Colors.grey,
                ),
              ),
              SizedBox(width: 16),
              ElevatedButton(
                child: Text('B'),
                onPressed: () {
                  setState(() {
                    _isButtonASelected = false;
                    _isButtonBSelected = true;
                  });
                },
                style: ElevatedButton.styleFrom(
                    backgroundColor:
                        _isButtonBSelected ? Colors.blue : Colors.grey),
              ),
            ],
          )),
    );
  }
}