Skip to content

Instantly share code, notes, and snippets.

View dexiouz's full-sized avatar

Chidera Paul Ugwuanyi dexiouz

View GitHub Profile
import React from 'react';
import {StyleSheet} from 'react-native';
import DateTimePicker from './src/components/DateTimePicker';
const App = () => {
return <DateTimePicker />;
};
export default App;
const styles = StyleSheet.create({});
import React, { useState } from "react";
import { Button, View } from "react-native";
import DateTimePickerModal from "react-native-modal-datetime-picker";
const Example = () => {
const [isDatePickerVisible, setDatePickerVisibility] = useState(false);
const showDatePicker = () => {
setDatePickerVisibility(true);
};
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:textColor">#000000</item>
<item name="android:datePickerDialogTheme">@style/Dialog.Theme</item>
<item name="android:timePickerDialogTheme">@style/Dialog.Theme</item>
</style>
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:textColor">#000000</item>
<item name="android:datePickerDialogTheme">@style/Dialog.Theme</item>
<item name="android:timePickerDialogTheme">@style/Dialog.Theme</item>
</style>
<!-- Configuration for Dialog.theme. -->
<style name="Dialog.Theme" parent="Theme.AppCompat.Light.Dialog">
{
"USD": {
"symbol": "$",
"name": "US Dollar",
"symbol_native": "$",
"decimal_digits": 2,
"rounding": 0,
"code": "USD",
"name_plural": "US dollars"
},
@dexiouz
dexiouz / day74_index.css
Created November 24, 2018 15:16
day74_index.css
body{
font-family: Tahoma;
color: #444;
letter-spacing: 1px;
}
h1, h2{
font-weight: normal;
}
@dexiouz
dexiouz / day74_index.html
Created November 24, 2018 15:13
day74_index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="styles.css " rel="stylesheet" />
<title>JavaScript DOM Tutorials</title>
</head>
<body>
<div id="wrapper">
<header>
@dexiouz
dexiouz / Day73-updated-javascript-file.js
Last active November 3, 2018 10:06
updated javascript file for day73
// delete a book
// let deleteBtns = document.querySelectorAll('#book-list .delete');
// Array.from (deleteBtns)
// .forEach( deleteBtn => {
// deleteBtn.addEventListener('click', function(e){
// const clickedButtonParent = e.target.parentElement;
// clickedButtonParent.parentNode.removeChild(clickedButtonParent);
// })
@dexiouz
dexiouz / Day73-updated-css-file
Created November 3, 2018 10:05
updated css for day73
body{
font-family: Tahoma;
color: #444;
letter-spacing: 1px;
}
h1, h2{
font-weight: normal;
}
@dexiouz
dexiouz / Day73-updated-html-file
Created November 3, 2018 10:03
updated the html file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="styles.css " rel="stylesheet" />
<title>JavaScript DOM Tutorials</title>
</head>
<body>
<div id="wrapper">
<header>