visitor password

lib/pages/common/date_time_widget.dart

@@ -0,0 +1,74 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:syncrow_web/utils/constants/assets.dart';
+import 'package:syncrow_web/utils/style.dart';
+
+class DateTimeWebWidget extends StatelessWidget {
+  const DateTimeWebWidget({
+    super.key,
+    required this.size,
+    required this.isRequired,
+    required this.title,
+    required this.startTime,
+    required this.endTime,
+    required this.firstString,
+    required this.secondString,
+  });
+
+  final Size size;
+  final String title;
+  final bool isRequired;
+  final String firstString;
+  final String secondString;
+  final  Function()? startTime;
+  final  Function()? endTime;
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      mainAxisAlignment: MainAxisAlignment.start,
+      children: [
+         Row(
+           children: [
+             if(isRequired)
+             Text(
+               '* ',
+               style: Theme.of(context)
+                   .textTheme
+                   .bodyMedium!
+                   .copyWith(color: Colors.red),
+             ),
+             Text(title??''),
+           ],
+         ),
+        SizedBox(height: 8,),
+        Container(
+            width: size.width * 0.25,
+            padding: EdgeInsets.all(10),
+            decoration: containerDecoration,
+            child: Column(
+              children: [
+                Row(
+                  mainAxisAlignment:
+                  MainAxisAlignment.spaceBetween,
+                  children: [
+                    InkWell(
+                        onTap: startTime,
+                        child: Text(firstString)
+                    ),
+                    const Icon(Icons.arrow_right_alt),
+                    InkWell(
+                        onTap:endTime,
+                        child: Text(secondString)),
+                    SvgPicture.asset(
+                      Assets.calendarIcon,
+                    ),
+                  ],
+                ),
+              ],
+            )),
+      ],
+    );
+  }
+}