Once this option is enabled in the mobile application, the Punch In/Out feature in the web (desktop version) is disabled. Hence, you need to punch in/out through the mobile application as follows:

Go to Attendance -> Punch In/Out

Step 1 -  In the top section, you can see the current date and time before trying to clock in. Click "IN" to capture your selfie and Geolocation (Make sure the device permission is given to the camera and Geolocation). The following screen is displayed based on the permissions that your HR admin has set up for you

.

Step 2 - Based on the access privileges given by your HR admin, you may or may not be able to edit the date and time. If you have access, simply tap on the Date and Time fields to adjust them before punching in. 

 If you want to add notes, you can add them under the notes section and click the "PUNCH IN" button.

Step 3 - The application displays the confirmation message below. You’ll see the date and time you punched in, along with your location and the captured selfie.

Step 4 - When you try to punch out, in the top section, the current date and time are displayed. 

Step 5 - Click "Out" to capture your selfie and Geolocation (Make sure the device permission is given to the camera and Geolocation). The following screen is displayed based on the permissions that your HR admin has set up for you.

When the access is restricted to edit the time and date, the screen displays as below. When you have access to edit the time and date, the screen displays as below. Tap on Date and Time to adjust the time prior to PUNCH OUT. 

Step 4 - If you want to add notes, you can add them under the notes section and click "PUNCH OUT". The application displays the confirmation message as below.