ammar/syncrow-web
1
0
Fork 0
mirror of https://github.com/SyncrowIOT/web.git synced 2025-08-25 18:09:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

edit time picker as in figma

Browse Source
This commit is contained in:
Rafeek-Khoudare
2025-07-10 15:52:52 +03:00
parent bbf2891804
commit 6e4f0c3c0c
1 changed files with 18 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
lib/pages/access_management/manage_bookable_spaces/presentation/widgets/time_picker_widget.dart
View File

@ -8,9 +8,11 @@ import 'package:syncrow_web/utils/color_manager.dart';
import 'package:syncrow_web/utils/constants/assets.dart';
class TimePickerWidget extends StatefulWidget {
final String title;
const TimePickerWidget({
super.key,
required this.onTimePicked,
required this.title,
});
final void Function(TimeOfDay? timePicked) onTimePicked;
@ -45,26 +47,10 @@ class _TimePickerWidgetState extends State<TimePickerWidget> {
context.read<NonBookableSpacesBloc>().add(CheckConfigurValidityEvent());
setState(() {});
},
child: Row(
children: [
Container(
width: 56,
child: Container(
width: 100,
height: 32,
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(10),
bottomLeft: Radius.circular(10),
),
),
alignment: Alignment.center,
child: SvgPicture.asset(Assets.clockIcon),
),
Container(
width: 120,
height: 32,
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topRight: Radius.circular(10),
bottomRight: Radius.circular(10),
@ -73,11 +59,12 @@ class _TimePickerWidgetState extends State<TimePickerWidget> {
alignment: Alignment.centerLeft,
padding: const EdgeInsets.symmetric(horizontal: 8),
child: Text(
timePicked == null ? 'HH:MM' : timePicked!.format(context),
style: const TextStyle(color: Color(0xB2D5D5D5)),
timePicked == null ? widget.title : timePicked!.format(context),
style: TextStyle(
color: ColorsManager.blackColor.withValues(alpha: 0.4),
fontSize: 12,
),
),
],
),
);
}